<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 // ------------------------------ List of tombs - ROW A messages[0] = new Array('sectionA5/popup/A01.jpg','Tomb A1.',"#FFFFFF"); messages[1] = new Array('sectionA5/popup/A02.jpg','Tomb A2.',"#FFFFFF"); messages[2] = new Array('sectionA5/popup/A03.jpg','Tomb A3.',"#FFFFFF"); messages[3] = new Array('sectionA5/popup/A04.jpg','Tomb A4.',"#FFFFFF"); messages[4] = new Array('sectionA5/popup/A05.jpg','Tomb A5.',"#FFFFFF"); messages[5] = new Array('sectionA5/popup/A06.jpg','Tomb A6.',"#FFFFFF"); messages[6] = new Array('sectionA5/popup/A07.jpg','Tomb A7.',"#FFFFFF"); messages[7] = new Array('sectionA5/popup/A08.jpg','Tomb A8.',"#FFFFFF"); messages[8] = new Array('sectionA5/popup/A09.jpg','Tomb A9.',"#FFFFFF"); messages[9] = new Array('sectionA5/popup/A11.jpg','Tomb A11/12.',"#FFFFFF"); messages[10] = new Array('sectionA5/popup/B12.jpg','Tomb B12.',"#FFFFFF"); messages[11] = new Array('sectionA5/popup/C11.jpg','Tomb C11/12.',"#FFFFFF"); messages[12] = new Array('sectionA5/popup/C10.jpg','Fragments from unknown tomb.',"#FFFFFF"); messages[13] = new Array('sectionA5/popup/D11.jpg','Tomb D11.',"#FFFFFF"); messages[14] = new Array('sectionA5/popup/L01.jpg','Tomb L1.',"#FFFFFF"); messages[15] = new Array('sectionA5/popup/N04.jpg','Tomb N4.',"#FFFFFF"); messages[16] = new Array('sectionA5/popup/P10.jpg','Tomb P10.',"#FFFFFF"); messages[17] = new Array('sectionA5/popup/R04.jpg','Tomb R4.',"#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=60% border=1 align="center"><font size=1><tr> <td width=5% align="center"> <a href="plan.html"> <b>Home</b></a> </td><th colspan=12 align="center" width=72%>Cimetire Section A5 [7,8]</th></tr> <tr align="center"> <th class="secrow"> V</th> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> <td width=5%></td> </tr> <tr align="center"> <th class="secrow"> U</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> T</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> S</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> R</th> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/R04.html" onmouseover="doTooltip(event,17)" onmouseout="hideTip()" >4</a></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> Q</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> P</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/P10.html" onmouseover="doTooltip(event,16)" onmouseout="hideTip()" >10</a></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> O</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> N</th> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/N04.html" onmouseover="doTooltip(event,15)" onmouseout="hideTip()" >4</a></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> M</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr><td colspan=13></td></tr><tr><td colspan=13></td></tr> <tr align="center"> <th class="secrow"> L</th> <td><font size=2><b><a href="sectionA5/L01.html" onmouseover="doTooltip(event,14)" onmouseout="hideTip()" >1</a></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> K</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> J</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> I</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> H</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> G</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> F</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> E</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <th class="secrow"> D</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/D11.html" onmouseover="doTooltip(event,13)" onmouseout="hideTip()" >11</a></td> <td></td> </tr> <tr align="center"> <th class="secrow"> C</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/C10.html" onmouseover="doTooltip(event,12)" onmouseout="hideTip()" >10</a></td> <td colspan=2><font size=2><b><a href="sectionA5/C11.html" onmouseover="doTooltip(event,11)" onmouseout="hideTip()" >11/12</a></td> </tr> <tr align="center"> <th class="secrow"> B</th> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><font size=2><b><a href="sectionA5/B12.html" onmouseover="doTooltip(event,10)" onmouseout="hideTip()" >12</a></td> </tr> <tr align="center"> <th class="secrow"> A</th> <td><font size=2><b><a href="sectionA5/A01.html" onmouseover="doTooltip(event,0)" onmouseout="hideTip()" >1</a></td> <td><font size=2><b><a href="sectionA5/A02.html" onmouseover="doTooltip(event,1)" onmouseout="hideTip()" >2</a></td> <td><font size=2><b><a href="sectionA5/A03.html" onmouseover="doTooltip(event,2)" onmouseout="hideTip()" >3</a></td> <td><font size=2><b><a href="sectionA5/A04.html" onmouseover="doTooltip(event,3)" onmouseout="hideTip()" >4</a></td> <td><font size=2><b><a href="sectionA5/A05.html" onmouseover="doTooltip(event,4)" onmouseout="hideTip()" >5</a></td> <td><font size=2><b><a href="sectionA5/A06.html" onmouseover="doTooltip(event,5)" onmouseout="hideTip()" >6</a></td> <td><font size=2><b><a href="sectionA5/A07.html" onmouseover="doTooltip(event,6)" onmouseout="hideTip()" >7</a></td> <td><font size=2><b><a href="sectionA5/A08.html" onmouseover="doTooltip(event,7)" onmouseout="hideTip()" >8</a></td> <td><font size=2><b><a href="sectionA5/A09.html" onmouseover="doTooltip(event,8)" onmouseout="hideTip()" >9</a></td> <td></td> <td colspan=2><font size=2><b><a href="sectionA5/A11.html" onmouseover="doTooltip(event,9)" onmouseout="hideTip()" >11/12</a></td> </tr></font> </table> </td> <td width=35% valign="top"> <table border=1><th align="center" width=72%> <a href="sectionA5-e.html"><img src="lang-eng.gif" height=10></a> Cimetire chrtien de Sfax - Section A5 [7,8]</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="sectionA5/cem-A5.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=75 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>