<!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}
-->
</style>

<STYLE type=text/css media=all>@import url(../css/default.css);
</STYLE>
  <title>events.html</title>
<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[0].src = "images/EventsA0.JPG";
   bannerA[1].src = "images/EventsA1.JPG";
   bannerA[2].src = "images/EventsA2.JPG";
   bannerA[3].src = "images/EventsA3.JPG";
   bannerA[4].src = "images/EventsA4.JPG";

   // Create array to store links for the images
   // in the banner
   var banner_linksA = new Array();
   banner_linksA[0] = "photosA0.htm";
   banner_linksA[1] = "photosA1.htm";
   banner_linksA[2] = "photosA2.htm";
   banner_linksA[3] = "photosA3.htm";
   banner_linksA[4] = "photosA4.htm";

   // Create array to store links for the images
   // in the banner
   var captionsA = new Array();
   captionsA[0] = "click to expand";
   captionsA[1] = "click to expand";
   captionsA[2] = "click to expand";
   captionsA[3] = "click to expand";
   captionsA[4] = "click to expand";

   // *********************************
   // Creating a banner of 5 images
   var bannerB = new Array();
   bannerB[0] = new Image();
   bannerB[1] = new Image();
   bannerB[2] = new Image();
   bannerB[3] = new Image();
   bannerB[4] = new Image();

   bannerB[0].src = "images/EventsB0.JPG";
   bannerB[1].src = "images/EventsB1.JPG";
   bannerB[2].src = "images/EventsB2.JPG";
   bannerB[3].src = "images/EventsB2.JPG";
   bannerB[4].src = "images/EventsB2.JPG";

   // Create array to store links for the images
   // in the banner
   var banner_linksB = new Array();
   banner_linksB[0] = "photosB0.htm";
   banner_linksB[1] = "photosB1.htm";
   banner_linksB[2] = "photosB2.htm";
   banner_linksB[3] = "photosB2.htm";
   banner_linksB[4] = "photosB2.htm";

   // Create array to store links for the images
   // in the banner
   var captionsB = new Array();
   captionsB[0] = "click to expand";
   captionsB[1] = "click to expand";
   captionsB[2] = "click to expand";
   captionsB[3] = "click to expand";
   captionsB[4] = "click to expand";

   // *********************************
   // Create array to store time delay (in milliseconds)
   // for each time
   var banner_delay = new Array();
   banner_delay[0] = 5000;
   banner_delay[1] = 5000;
   banner_delay[2] = 5000;
   banner_delay[3] = 5000;
   banner_delay[4] = 5000;

   // 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 Banner A
      document['image_bannerA'].src = bannerA[banner_counter].src;
      document['image_bannerA'].alt = captionsA[banner_counter];
      document['image_bannerA'].title = captionsA[banner_counter];

      // Display the Banner B
      document['image_bannerB'].src = bannerB[banner_counter].src;
      document['image_bannerB'].alt = captionsB[banner_counter];
      document['image_bannerB'].title = captionsB[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]; 
   }

   function open_banner_linkB()
   {
      // Terminate the timer
      clearTimeout(timer_id);

      // Redirect user to link associated with the
      // clicked image in the banner
      window.location.href = banner_linksB[current_pic]; 
   }
</script>
</head>



<body onLoad="start_banner();">
	
<a name="top_section" id="top_section">
	
<table width="728" height="1480" border="0" cellpadding="0" cellspacing="6">
  <tr>
    <td width="186" height="1468" 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 width="516" valign="top"><table width="520" border="0" cellpadding="2">
        <tr>
          <td width="299"><p><span class="style5">Amnesty International</span><span class="style2 style1"><strong><br>
            </strong></span></p>
              <p><span class="style2 style1"><strong><strong><span class="style4">Ocean Beach, CA<br>
                </span></strong></strong></span><span class="style2 style1"><strong><span class="style4">Chapter #597<br>
            </span></strong></span></p></td>
          <td width="197"><a href="index.htm"><img src="images/ailogo_1.jpg" width="173" height="173" border="0"></a></td>
        </tr>
      </table>
        <p class="style1">
<strong><a name="top"></a><br>
        
Photos</strong></p>

<a name="portugalia"></a>
<p class="style1">The Portugalia restaurant in Ocean Beach was gracious enough to host a benefit concert for our OB Chapter of Amnesty International.</p>
 
<a  target="main" href="" onClick="open_banner_linkA(); 
         return false;"> <img name="image_bannerA" src="images/EventsA0.JPG" 
         border="0" width="80%"></a>  

<a name="prideparade"></a>
<p class="style1"> &nbsp <b>↓</b>  &nbsp Pride Parade, 2008  &nbsp <b>↓</b> </p>
 
<a  target="main" href="" onClick="open_banner_linkB(); 
         return false;"> <img name="image_bannerB" src="images/EventsB0.JPG" 
         border="0" width="80%"></a>        
</body>

</html>