<html> <head> <title> Cimetire chrtien de Sfax, Tunisie </title> <link rel="stylesheet" type="text/css" href="cemetery.css"> <script type="text/javascript"> /*********************************************** * Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com) * Copyright 2002-2007 by Sharon Paine * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ /* IMPORTANT: Put script after tooltip div or put tooltip div just before </BODY>. */ var dom = (document.getElementById) ? true : false; var ns5 = (!document.all && dom || window.opera) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false; var origWidth, origHeight; // avoid error of passing event object in older browsers if (nodyn) { event = "nope" } /////////////////////// CUSTOMIZE HERE //////////////////// // settings for tooltip // Do you want tip to move when mouse moves over link? var tipFollowMouse= false; // Be sure to set tipWidth wide enough for widest image var tipWidth= 160; var offX= 20; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "8pt"; // set default text color and background color for tooltip here // individual tooltips can have their own (set in messages arrays) // but don't have to var tipFontColor= "#000000"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#000080"; var tipBorderWidth= 0; var tipBorderStyle= "ridge"; var tipPadding= 4; // tooltip content goes here (image, description, optional bgColor, optional textcolor) var messages = new Array(); // multi-dimensional arrays containing: // image and text for tooltip // optional: bgColor and color to be sent to tooltip // This is the beginning of the list of tombs - ROW C messages[0] = new Array('sectionB5/popup/E01.jpg','Tomb E1-6.',"#FFFFFF"); messages[1] = new Array('sectionB5/popup/F01.jpg','Tomb F1.',"#FFFFFF"); messages[2] = new Array('sectionB5/popup/K05.jpg','Tomb K5.',"#FFFFFF"); messages[3] = new Array('sectionB5/popup/N01.jpg','Tomb N1.',"#FFFFFF"); messages[4] = new Array('sectionB5/popup/N03.jpg','Tomb N3.',"#FFFFFF"); //////////////////// END OF CUSTOMIZATION AREA /////////////////// // preload images that are to appear in tooltip // from arrays above if (document.images) { var theImgs = new Array(); for (var i=0; i<messages.length; i++) { theImgs[i] = new Image(); theImgs[i].src = messages[i][0]; } } // to layout image and text, 2-row table, image centered in top cell // these go in var tip in doTooltip function // startStr goes before image, midStr goes between image and text var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"> <img src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = tooltip.style; if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px"; tipcss.fontFamily = tipFontFamily; tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor; tipcss.backgroundColor = tipBgColor; tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px"; tipcss.padding = tipPadding+"px"; tipcss.borderStyle = tipBorderStyle; } if (tooltip&&tipFollowMouse) { document.onmousemove = trackMouse; } } window.onload = initTip; ///////////////////////////////////////////////// // doTooltip function // Assembles content for tooltip and writes // it to tipDiv ///////////////////////////////////////////////// var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) { if (!tooltip) return; if (t1) clearTimeout(t1); if (t2) clearTimeout(t2); tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3]; else curFontColor = tipFontColor; if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; if (tipOn) positionTip(evt); } ///////////////////////////////////////////////////////////// // positionTip function // If tipFollowMouse set false, so trackMouse function // not being used, get position of mouseover event. // Calculations use mouseover event position, // offset amounts and tooltip width to position // tooltip within window. ///////////////////////////////////////////////////////////// function positionTip(evt) { if (!tipFollowMouse) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; } // tooltip width and height var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft; var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = mouseX-(tpWd+offX)+"px"; else tipcss.left = mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = winHt-(tpHt+offY)+"px"; else tipcss.top = mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",500); tipOn = false; } //document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') </script> </head> <! =================================== body begins here ================================================ > <body leftmargin=0 topmargin=0 bgcolor="white" text="black" link="red" vlink="purple" alink="blue" align="center"> <table border=0 cellpadding=0 cellspacing=0 cellpadding=0> <tr height=555> <td width=5% > </td> <td width=50% valign="top"> <table width=50% border=1 align="center"><tr align="center"> <td width=7%> <a href="plan.html"><font size=2><b>Home</b></a> </td><th colspan=12 align="center" width=50%>Cimetire Section B5<br></th></tr> <tr><th><font size=2 >U</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>T</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>S</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>R</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>Q</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>P</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>O</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>N</font></th> <td align="center" width=5%><font size=2><b><a href="sectionB5/N01.html" onmouseover="doTooltip(event,3)" onmouseout="hideTip()" >1</a></b></td> <td align="center"><font size=2><b></b></td> <td align="center" width=5%><font size=2><b><a href="sectionB5/N03.html" onmouseover="doTooltip(event,4)" onmouseout="hideTip()" >3</a></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><td colspan=17> </b></td></tr><tr><td colspan=17> </b></td></tr> <tr><td colspan=17> </b></td></tr> <tr><th class="secrow"><b>M</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>L</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>K</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center" width=5%><font size=2><b><a href="sectionB5/K05.html" onmouseover="doTooltip(event,2)" onmouseout="hideTip()" >5</a></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>J</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>I</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>H</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>G</font></th> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>F</font></th> <td align="center" width=5%><font size=2><b><a href="sectionB5/F01.html" onmouseover="doTooltip(event,1)" onmouseout="hideTip()" >1</a></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> <tr><th class="secrow"><b>E</font></th> <td align="center" colspan=6 width=5%><font size=2><b><a href="sectionB5/E01.html" onmouseover="doTooltip(event,0)" onmouseout="hideTip()" >1-6</a></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> <td align="center"><font size=2><b></b></td> </tr> </table> <br><br><br><br><br><br> </td> <td width=35% valign="top"> <table border=1><th align="center" width=72%> <a href="sectionB5-e.html"><img src="lang-eng.gif" height=10></a> Cimetire chrtien de Sfax - Section B5 [15/16] </th></tr></table> <map name="map"> <area href="sectionA1.html" shape=RECT coords="30,10,85,120" alt="Section A1"> <area href="sectionA2.html" shape=RECT coords="100,10,165,120" alt="Section A2"> <area href="sectionA3.html" shape=RECT coords="185,10,220,120" alt="Section A3"> <area href="sectionA4.html" shape=RECT coords="235,10,255,120" alt="Section A4"> <area href="sectionA5.html" shape=RECT coords="265,10,290,120" alt="Section A5"> <area href="sectionA6.html" shape=POLY coords="300,10,340,10,330,120,300,120" alt="Section A6"> <area href="sectionB2.html" shape=RECT coords="145,135,180,250" alt="Section B2"> <area href="sectionB3.html" shape=RECT coords="190,135,225,245" alt="Section B3"> <area href="sectionB4.html" shape=RECT coords="235,135,260,235" alt="Section B4"> <area href="sectionB5.html" shape=RECT coords="270,135,290,230" alt="Section B5"> <area href="sectionB6.html" shape=POLY coords="300,135,330,135,320,225,300,225" alt="Section B6"> <image src="sectionB5/cem-B5.jpg" usemap="#map" border=0><br> <IFRAME SRC="msg-sec.html" width=100% HEIGHT=200 marginwidth=5 marginheight=5 frameborder=0> <font size=2> In case of error, or to make a comment about this web page, send an email to:<br> <img src="pemail.gif" ></font> </IFRAME> </td> <td width=2%> &nbsp </td> </tr> </table> <IFRAME SRC="footer.html" width=100% HEIGHT=70 marginwidth=5 marginheight=5 frameborder=0> <font size=2> In case of error, or to make a comment about this web page, send an email to:<br> <img src="pemail.gif" ></font> </IFRAME> </body> </html>