<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('sectionB6/popup/W01.jpg','Tomb W1.',"#FFFFFF"); messages[1] = new Array('sectionB6/popup/W02.jpg','Tomb W2.',"#FFFFFF"); messages[2] = new Array('sectionB6/popup/V01.jpg','Tomb V1.',"#FFFFFF"); messages[3] = new Array('sectionB6/popup/U01.jpg','Tomb U1.',"#FFFFFF"); messages[4] = new Array('sectionB6/popup/U02.jpg','Tomb U2.',"#FFFFFF"); messages[5] = new Array('sectionB6/popup/T01.jpg','Tomb T1.',"#FFFFFF"); messages[6] = new Array('sectionB6/popup/S01.jpg','Tomb S1/2.',"#FFFFFF"); messages[7] = new Array('sectionB6/popup/R01.jpg','Tomb R1.',"#FFFFFF"); messages[8] = new Array('sectionB6/popup/R02.jpg','Tomb R2.',"#FFFFFF"); messages[9] = new Array('sectionB6/popup/N01.jpg','Tomb N1.',"#FFFFFF"); messages[10] = new Array('sectionB6/popup/M01.jpg','Tomb M1.',"#FFFFFF"); messages[11] = new Array('sectionB6/popup/M02.jpg','Tomb M2.',"#FFFFFF"); messages[12] = new Array('sectionB6/popup/L01.jpg','Tomb L1.',"#FFFFFF"); messages[13] = new Array('sectionB6/popup/J01.jpg','Tomb J1.',"#FFFFFF"); messages[14] = new Array('sectionB6/popup/J02.jpg','Tomb J2.',"#FFFFFF"); messages[15] = new Array('sectionB6/popup/J03.jpg','Tomb J3.',"#FFFFFF"); messages[16] = new Array('sectionB6/popup/J04.jpg','Tomb J4.',"#FFFFFF"); messages[17] = new Array('sectionB6/popup/J05.jpg','Tomb J5.',"#FFFFFF"); messages[18] = new Array('sectionB6/popup/J06.jpg','Tomb J6.',"#FFFFFF"); messages[19] = new Array('sectionB6/popup/J07.jpg','Tomb J7.',"#FFFFFF"); messages[20] = new Array('sectionB6/popup/J08.jpg','Tomb J8.',"#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=100%>Cimetire Section B6<br></th></tr> <tr><th><font size=2 >W</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/W01.html" onmouseover="doTooltip(event,0)" onmouseout="hideTip()" >1</a></b></td> <td align="center" width=8%><font size=2><b><a href="sectionB6/W02.html" onmouseover="doTooltip(event,1)" onmouseout="hideTip()" >2</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> </tr> <tr><th><font size=2 >V</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/V01.html" onmouseover="doTooltip(event,2)" 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><font size=2 >U</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/U01.html" onmouseover="doTooltip(event,3)" onmouseout="hideTip()" >1</a></b></td> <td align="center" width=8%><font size=2><b><a href="sectionB6/U02.html" onmouseover="doTooltip(event,4)" onmouseout="hideTip()" >2</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> </tr> <tr><th class="secrow">T</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/T01.html" onmouseover="doTooltip(event,5)" 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">S</font></th> <td align="center" width=8% colspan=2><font size=2><b><a href="sectionB6/S01.html" onmouseover="doTooltip(event,6)" onmouseout="hideTip()" >1/2</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> </tr> <tr><th class="secrow">R</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/R01.html" onmouseover="doTooltip(event,7)" onmouseout="hideTip()" >1</a></b></td> <td align="center" width=8%><font size=2><b><a href="sectionB6/R02.html" onmouseover="doTooltip(event,8)" onmouseout="hideTip()" >2</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> </tr> <tr><th class="secrow">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">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">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">N</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/N01.html" onmouseover="doTooltip(event,9)" 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><td colspan=17> </b></td></tr><tr><td colspan=17> </b></td></tr> <tr><td colspan=17> </b></td></tr> <tr><th class="secrow">M</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/M01.html" onmouseover="doTooltip(event,10)" onmouseout="hideTip()" >1</a></b></td> <td align="center" width=8%><font size=2><b><a href="sectionB6/M02.html" onmouseover="doTooltip(event,11)" onmouseout="hideTip()" >2</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> </tr> <tr><th class="secrow">L</font></th> <td align="center" width=8%><font size=2><b><a href="sectionB6/L01.html" onmouseover="doTooltip(event,12)" 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">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"><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 rowspan=8><font size=2><b>J</font></th> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J01.html" onmouseover="doTooltip(event,13)" onmouseout="hideTip()" >1</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J02.html" onmouseover="doTooltip(event,14)" onmouseout="hideTip()" >2</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J03.html" onmouseover="doTooltip(event,15)" onmouseout="hideTip()" >3</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J04.html" onmouseover="doTooltip(event,16)" onmouseout="hideTip()" >4</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J05.html" onmouseover="doTooltip(event,17)" onmouseout="hideTip()" >5</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J06.html" onmouseover="doTooltip(event,18)" onmouseout="hideTip()" >6</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J07.html" onmouseover="doTooltip(event,19)" onmouseout="hideTip()" >7</a></b></td></tr> <td align="center" colspan=2><font size=1><b><a href="sectionB6/J08.html" onmouseover="doTooltip(event,20)" onmouseout="hideTip()" >8</a></b></td></tr> </tr> </table> <br><br> </td> <td width=35% valign="top"> <table border=1><th align="center" width=72%> <a href="sectionB6-e.html"><img src="lang-eng.gif" height=10></a> Christian Cemetery of Sfax - Section B6 [17/18] </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="sectionB6/cem-B6.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>