ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>sample</title> <meta name="generaca" content="TSW WebCoder"> </head> <SCRIPT type="text/javascript"> var archive = new Array(); var text = new Array(); archive[0]='ca-1.jpg'; text[0]='pic-1'; archive[1]='ca-2.jpg'; text[1]='pic-2 '; archive[2]='ca-3.jpg'; text[2]='pic-3 ' ; archive[3]='ca-4.jpg'; text[3]='pic-4'; archive[4]='ca-5.jpg'; text[4]='pic-5' ; archive[5]='ca-6.jpg'; text[5]='pic-6'; archive[6]='ca-7.jpg'; text[6]='pic-7'; archive[7]='ca-8.jpg'; text[7]='pic-8'; archive[8]='ca-9.jpg'; text[8]='pic-9'; archive[9]='ca-10.jpg'; text[9]='pic-10'; archive[10]='ca-11.jpg'; text[10]='pic-11'; archive[11]='ca-12.jpg'; text[11]='pic-12'; archive[12]='ca-13.jpg'; text[12]='pic-13'; archive[13]='ca-14.jpg'; text[13]='pic-14'; archive[14]='ca-15.jpg'; text[14]='pic-15' ; archive[15]='ca-16.jpg'; text[15]='pic-16' ; archive[16]='ca-17.jpg'; text[16]='pic-17'; archive[17]='ca-18.jpg'; text[17]='pic-18'; archive[18]='ca-19.jpg'; text[18]='pic-19'; archive[19]='ca-20.jpg'; text[19]='pic-20 '; archive[20]='ca-21.jpg'; text[20]='pic-21'; archive[21]='ca-22.jpg'; text[21]='pic-22'; archive[22]='ca-23.jpg'; text[22]='pic-23'; archive[23]='ca-24.jpg'; text[23]=' pic-24'; archive[24]='ca-25.jpg'; text[24]='pic-25'; archive[25]='ca-26.jpg'; text[25]='pic-26'; archive[26]='ca-27.jpg'; text[26]='pic-27'; archive[27]='ca-28.jpg'; text[27]='pic-28'; archive[28]='ca-1.jpg'; text[28]='pic-1'; var numberOfImages=archive.length-1; var imageID=1; function showImage(order) { if (order=='next' && imageID<numberOfImages) { imageID++; document.getElementById('image').src = archive[imageID]; } else if (order=='next'){ imageID=0; showImage(order); } if (order=='prior' && imageID!=1) { imageID--; document.getElementById('image').src = archive[imageID]; } else if (order=='prior'){ imageID=numberOfImages+1; showImage(order); } document.getElementById('imageText').innerHTML=text[imageID]; } function initText(){ document.getElementById('image').src = archive[1]; document.getElementById('imageText').innerHTML=text[1]; } </SCRIPT> <STYLE type="text/css"> #image {position:relative} #imageText {font-family:verdana;font-size:8pt;padding:2px} BODY {background-color:#FFFFB9;color:blue;font-family:times;font-size:14pt} .knap {font-family:verdana;font-size:10pt;width:100px;cursor:pointer;cursor:hand} </STYLE> </HEAD> <BODY onLoad="initText()" background="tile_021.jpg"> <img border="3" src="togoSept.jpg" width="100%" height="40" align="top"> Meeting with Mr. Abdella Adem - Oakland Ca nov-5-2005 <img id="image" src="centralpark-mini.jpg" bgcolor="blue" border="5" width="400" height="300" align = "right" > <div id="imageText"> </div> <input type="button" value="back" onclick="showImage('prior')" class="knap" > <input type="button" value="forward " onclick="showImage('next')" class="knap" > <br></br><br></br> </BODY> </HTML>