<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Amnesty International, Ocean Beach, San Diego</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style4 {font-size: x-large}
.style5 {	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #00FF00;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style7 {color: #FF0000}
.style8 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;font-size:8pt}
-->
</style>

<STYLE type=text/css media=all>@import url(../css/default.css);
</STYLE>
<script language="JavaScript" type="text/javascript">
   // Stores the id returned by setTimeOut(), to
   // be used to terminate the setTimeOut() timer
   var timer_id = null;
   // *********************************
   // Creating a banner of 5 images
   var bannerA = new Array();
   bannerA[0] = new Image();
   bannerA[1] = new Image();
   bannerA[2] = new Image();
   bannerA[3] = new Image();
   bannerA[4] = new Image();
   bannerA[5] = new Image();
   bannerA[6] = new Image();
   bannerA[7] = new Image();


   bannerA[0].src = "images/EventsE0.JPG";
   bannerA[1].src = "images/EventsE1.JPG";
   bannerA[2].src = "images/EventsE2.JPG";
   bannerA[3].src = "images/EventsE3.JPG";
   bannerA[4].src = "images/EventsE4.JPG";
   bannerA[5].src = "images/EventsE5.JPG";
   bannerA[6].src = "images/EventsE6.JPG";
   bannerA[7].src = "images/EventsE7.JPG";



   // Create array to store links for the images
   // in the banner
   var banner_linksA = new Array();
   banner_linksA[0] = "photos.htm";
   banner_linksA[1] = "photos.htm";
   banner_linksA[2] = "photos.htm";
   banner_linksA[3] = "photos.htm";
   banner_linksA[4] = "photos.htm";
   banner_linksA[5] = "photos.htm";
   banner_linksA[6] = "photos.htm";
   banner_linksA[7] = "photos.htm";


   // Create array for pop-up text
   var titlesA = new Array();
   titlesA[0] = "click to go BACK";
   titlesA[1] = "click to go BACK";
   titlesA[2] = "click to go BACK";
   titlesA[3] = "click to go BACK";
   titlesA[4] = "click to go BACK";
   titlesA[5] = "click to go BACK";
   titlesA[6] = "click to go BACK";
   titlesA[7] = "click to go BACK";


   // Create array for caption text
   var myCaptions = new Array();
   myCaptions[0] = "Marching for Peace and Justice";
   myCaptions[1] = "Munchkins in the Holiday Spirit";
   myCaptions[2] = "Peace hoop and Peace Dove";
   myCaptions[3] = "Clutching the Candle of Hope, Liz guides " +
                   "Mahatma and Martin.";
   myCaptions[4] = "Amnesty Intl. opposes the Death Penalty";
   myCaptions[5] = "Peace was the Theme of the 2008 Holiday Parade";
   myCaptions[6] = "Heading the march";
   myCaptions[7] = "The parade 'float'";

   // *********************************
   // Create array to store time delay (in milliseconds)
   // for each time
   var banner_delay = new Array();
   banner_delay[0] = 6000;
   banner_delay[1] = 6000;
   banner_delay[2] = 6000;
   banner_delay[3] = 6000;
   banner_delay[4] = 6000;
   banner_delay[5] = 6000;
   banner_delay[6] = 6000;
   banner_delay[7] = 6000;

   // The banner counter is used to keep track
   // of the images in the banner.
   var banner_counter = 0; 
   var current_pic = 0;

   function start_banner()
   {
      // Display the Caption and Banner
      document['image_banner'].src = bannerA[banner_counter].src;
      document['image_banner'].alt = titlesA[banner_counter];
      document['image_banner'].title = titlesA[banner_counter];
      document['captioncontrol'].caption.value = myCaptions[banner_counter];

      banner_counter++;

      // Check if the banner counter needs to be reset
      if(banner_counter == bannerA.length)
      {
         banner_counter = 0;
         current_pic = bannerA.length-1;
      } else
      {
         current_pic = banner_counter-1;
      }

      timer_id = setTimeout('start_banner()', banner_delay[banner_counter]);
   }

   function open_banner_linkA()
   {
      // Terminate the timer
      clearTimeout(timer_id);

      // Redirect user to link associated with the
      // clicked image in the banner
      window.location.href = banner_linksA[current_pic]; 
   }

</script>
</head>



<body onLoad="start_banner();">
	
<a name="top_section" id="top_section"><a/>
	
<table width="728" height="1000" border="0" cellpadding="0" cellspacing="6">
  <tr>
    
<td width="186" height="500" align="left" valign="top" bordercolor="#FF9900" bgcolor="#FF9900"><blockquote>
        <p class="style1"><br>
            <a href="index.htm">Home</a> </p>
        <p><span class="style1"><a href="meetings.htm">Meetings</a></span> </p>
        <p class="style1"><a href="events.htm">Events</a></p>
        <p class="style1"><a href="projects.htm">Projects</a></p>
        <p class="style1"><a href="actions.htm">Actions</a></p>
        <p class="style1"><a href="resources.htm">Resources</a></p>
        <p class="style1"><a href="photos.htm">Photos</a></p>
        <p class="style1"><a href="contact.htm">Contact Us</a> </p>
      </blockquote>
        <p>&nbsp;</p></td>
    

<td align="left" valign="top">
<h2>Ocean Beach Holiday Parade 2008</h2>
<h3>AmnestyOB and our friends from Puppet Insurgency!</h3>
<p>
<form name="captioncontrol">
<textarea name="caption" rows="3" cols="50"> Temp </textarea>
</form>
</p>
<a  target="main" href="" onClick="open_banner_linkA(); 
         return false;"> <img name="image_banner" src="images/EventsE0.JPG" 
         border="0" width="80%"></a>  

</body>

</html>