<html>

<head>
<title> Web Tour of Historic Sfax, Tunisia </title>

<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
// SPARES - removed from use in Default Map
messages[0] = new Array('tour/jf4a.jpg','Looking along Rue Jules Ferry beyond Porte Delcasse towards Bab Diwan after 1907.[]',"#FFFFFF"); 

// RUE JULES FERRY
messages[2] = new Array('tour/jf01.jpg','Looking west along Rue Jules Ferry from the Bourj An Nar, about 1905. [2]',"#FFFFFF");
messages[3] = new Array('tour/jf03-1903.jpg','Looking west along Rue Jules Ferry towards Bab Diwan (obscured by canvas cover) during the 1890s.[3]',"#FFFFFF");
messages[4] = new Array('tour/jf04.jpg','Standing beside Porte Delcasse, looking towards Bab Diwan and the clock tower, with Bourj Al Resace in the distance, after 1907.[4]',"#FFFFFF");
// RUE LEONNEC
messages[1] = new Array('tour/leon2c.jpg','Looking east, the Clock (c.1903) over the new French gate (c.1897?) is flanked by the original gate (c.1306) and Porte Delcasse (c.1907)[1]',"#DDECFF");
messages[5] = new Array('tour/leon1.jpg','A group gathers near the original gate of Bab Diwan (1306), while the new gate with clock tower can be seen beyond, 1905-1910.[5]',"#DDECFF");
messages[6] = new Array('tour/leon2.jpg','Looking east along Rue Leonnec (named after one of the French officers who died in 1881) towards Bab Diwan, about 1910.[6]',"#DDECFF");
messages[7] = new Array('tour/leon3.jpg','Workshops nestle below the ramparts between Bab Diwan and the Bourj Al Resace, on the left. The end of Rue Charles Quint can be seen on the right, about 1910.[7]',"#DDECFF");
// RUE DE LA REPUBLIQUE
messages[8] = new Array('tour/rr01.jpg','At the head of the Rue de la Republique is the c.1897 gate of Bab Diwan, built by the French to replace the earlier (1306) gate. At the date of this photo (c.1910) the original Bab Diwan is still visible alongside the new gate.[8]',"#CCCCCC");
messages[9] = new Array('tour/rr02.jpg','The buildings at the head of Rue de la Republique can be seen close to Bab Diwan. The original gate has been plastered over by this date, perhaps 1915.[9]',"#CCCCCC");
messages[10] = new Array('tour/rr03.jpg','This view of the Rue de la Republique is taken from outside the British Consulate, with its coat of arms visible on the left.[10]',"#CCCCCC");
messages[11] = new Array('tour/rr04.jpg','The opening to the Rue Tissot, on the left, can be seen in this photo. There is a bell on the corner of the building that at one time served as the British Consulate.[11]',"#CCCCCC");
messages[12] = new Array('tour/rr05.jpg','At the corner where the Rue de la Republique intersects Rue Tissot can be seen a tailor, <i>Tailleur</i>, with the British Consulate building across from it.[12]',"#CCCCCC");
messages[13] = new Array('tour/rr06.jpg','This photo of the Rue de la Republique is taken from outside the office of the newspaper Depeche Sfaxien, which also published many of Sfax`s postcards of the pre-war period.[13]',"#CCCCCC");
messages[14] = new Array('tour/rr07.jpg','In 1881 the Rue de la Republique, then <i>Rue Marine</i>, terminated at the wall around the Ville Franque. When this was removed, as in this picture, the Boulevard de France crossed Rue de la Republique at this point. [14]',"#CCCCCC");
messages[15] = new Array('tour/rr08.jpg','A fashionable stroll along the Rue de la Republique, with the Cafe Regence on the left. From this picture it seems that the Theatre was not yet constructed, dating the photo to the years before 1904.[15]',"#CCCCCC");
messages[16] = new Array('tour/rr09.jpg','Looking up the Rue de la Republique from the tower of the Hotel de Ville (built in 1904) one can see the imposing structures of the Palais Rhomdane, the Theatre and the Palais du Banque de Tunis.[16]',"#CCCCCC");
messages[17] = new Array('tour/rr10.jpg','The Rue Marine (Rue de la Republique) as it was before 1881, looking south to the gate in the wall around the Ville Franque.[17]',"#CCCCCC");
messages[18] = new Array('tour/rr11.jpg','Standing beside the British Consulate, and looking down the Rue de la Republique towards the Hotel de Ville , this picture dates from 1905-1910, before there was much construction around the port.[18]',"#CCCCCC");
messages[77] = new Array('tour/pr01.jpg','Place Republique.[77]',"#CCCCAA");
// AVENUE DE PARIS 
messages[19] = new Array('tour/ap01.jpg','The Avenue de Paris ran between the railway station and the channel for small boats. It was originally named Ave. Jules Gau, after the city manager.[19]',"#AACC88");
messages[20] = new Array('tour/ap02.jpg','The offices of the Sfax-Gafsa Phosphate Company and Railway were more recently a police station, but in the early 1900s this was the center of industry in Sfax.[20]',"#AACC88");
messages[21] = new Array('tour/ap03.jpg','The Avenue de Paris runs alongside the Park Jerome Fidele. One of the few Italianate buildings, lost in the war, was opposite the Tunis Bank building.[21]',"#AACC88");
messages[22] = new Array('tour/ap04.jpg','Looking along the eastern extent of the Avenue de Paris we can see the station, Sfax-Gafsa Offices, the Controle Civile building (now Maison de France), and the Post Office.[22]',"#AACC88");
messages[23] = new Array('tour/ap05.jpg','The Theatre and the Palais Rhomdane face each other across the Avenue de Paris at the junction with the Rue de la Republique.[23]',"#AACC88");
messages[24] = new Array('tour/ap06.jpg','The Hotel De Ville (now <i>Baladiya</i> was constructed in 1904, as the city was extended to accommodate the needs of the port.[24]',"#AACC88");
messages[25] = new Array('tour/ap07.jpg','Two separate schools are almost directly across the Avenue de Paris from each other. Most of the buildings in this picture were constructed between 1905 and 1915.[25]',"#AACC88");
messages[26] = new Array('tour/ap08.jpg','For a number of years the Rue Jules Gau (later Avenue de Paris, now Avenue Habib Bourguiba) remained unpaved, even after the construction of the Theatre, seen in this picture, in 1903.[26]',"#AACC88");
messages[27] = new Array('tour/ap09.jpg','Until the 1920s the Avenue de Paris ended at the small boat channel. One of the two Italian-style buildings on this Avenue is still present, located adjacent to the current BNA bank, which was built in 1910.[27]',"#AACC88");
messages[28] = new Array('tour/ap10.jpg','This picture of the `Chanel Pour Les Petites Bateaux` at the end of the Avenue de Paris reminds us how much Sfax has grown.[28]',"#AACC88");
// RUE ALEXANDER
messages[29] = new Array('tour/alex01.jpg','Rue Alexander leads to the port from the Avenue de Paris (now Ave. Bourguiba) The Controle Civile (administrative offices) is on the right, but the location of the Sfax-Gafsa offices is still empty space. Looking down the street, the Alexander Hotel is still not built, in about 1910.[29]',"#88CCAA");
messages[30] = new Array('tour/alex02.jpg','Rue Alexander. The buildings in this picture still exist, one houses a music school, and the Alexander Hotel has been newly refurbished.[30]',"#88CCAA");
// RUE TISSOT
messages[31] = new Array('tour/tissot01.jpg','Rue Tissot.[31]',"#44AACC");
// RUE MASSICAULT
messages[32] = new Array('tour/sch01.jpg','The Jewish school was located behind the Post Office on Rue Massicault.[32]',"#44CCAA");
messages[33] = new Array('tour/sch02.jpg','The Italian school was located on Rue Massicault, and built in an Italianate style much different from the rest of Sfax.[33]',"#44CCAA");
messages[34] = new Array('tour/Rex.jpg','The Rex Cinema is shown being used by British troops soon after the capture of Sfax from the Germans. It seems to be newly built on the site of the Italian schools, which were perhaps destroyed in WWII. On the right of the picture is the bank of Algeria.[34]',"#44CCAA");
// RUE EMILE LOUBET
messages[35] = new Array('tour/el01.jpg','Looking across the as yet undeveloped Jardin Paul Bourde, dedicated to the French journalist who led the revival of oleiculture in the Tunisian Sahel. Photo dated about 1910.[35]',"#44CCAA");
messages[36] = new Array('tour/el02.jpg','Looking south across the Jardin Paul Bourde towards the Hotel Oliviers, constructed in 1923.[36]',"#44CCAA");
// RUE VICTOR HUGO
messages[37] = new Array('tour/vh01.jpg','Rue Victor Hugo is now known as Rue Thina. On it were the first European style hotels of Sfax, the Hotel Moderne and the Grand Hotel de France. In the distance can be seen the Theatre.[37]',"#44CCAA");
// BLVD DE FRANCE
messages[38] = new Array('tour/bdf01.jpg','Looking down the Blvd De France towards the Cathedral and, faintly, beyond it, the Theatre. The building on the right still exists, now a cafe occupies the corner position. The photograph seems to have been taken from a position adjacent to the Protestant Church.[38]',"#44CCAA");
messages[39] = new Array('tour/cath01.jpg','Looking at the Cathedral from across the Blvd. de France. The monument to Philippe Thomas is on the left, with the Grand Hotel de France off the picture.[39]',"#44CCAA");
messages[78] = new Array('tour/bdf02.jpg','The classic picture of the Boulevard de France shows the terrace - and the Cercle Militaire beyond. The tall building in the distance still exists, now a cafe, between the Tunisair office and the Restaurant Le Bec.[78]',"#CCCCAA");
// Orthodox Church
messages[40] = new Array('tour/orth01.jpg','This view of the Greek Orthodox Church has Rue Athens on the left, and Rue Victor Hugo on the right. [40]',"#44CCAA");
messages[41] = new Array('tour/orth02.jpg','The Greek Orthodox Church looks almost as if it is on the quayside, close to the boats of the Greek fisherman that the church served. The general market and the ramparts can be seen in the background. [41]',"#44CCAA");
// Place Carnot
messages[42] = new Array('tour/pc01.jpg','A view over the Zouaia in the Place Carnot, looking west with the towers and dome of the Cathedral visible over the buildings.[42]',"#44CCAA");
messages[43] = new Array('tour/pc02.jpg','Looking northeast from the Place Carnot, with the shoreline visible in the distance.[43]',"#44CCAA");
messages[44] = new Array('tour/pc03.jpg','This panorama  of the Place Carnot shows the buildings on the western (left) and northern sides of the park.[44]',"#44CCAA");
messages[45] = new Array('tour/pc04.jpg','The Circle Militaire (Officers` club) was between the Place Carnot and the Boulevard de France. Though the Officer`s Club no longer exists, the building behind it can still be seen - Currently it is a coffee shop near the restaurant Le Bec Fin.[45]',"#44CCAA");
// Bab Djebli
messages[46] = new Array('tour/bj01.jpg','Looking towards Bab Djebli, with the corner of the <i>fondouk</i> showing on the left, the square cistern in the distance and a Zouaia beyond it.[46]',"#CCCCAA");
messages[47] = new Array('tour/bj03.jpg','The walled courtyard outside Bab Djebli had arched openings at the entrances. This photo looks towards the ramparts of Beb Djebli.[47]',"#CCCCAA");
messages[48] = new Array('tour/bj02.jpg','Looking across the camels and the cistern towards the western ramparts.[48]',"#CCCCAA");
messages[49] = new Array('tour/bj04.jpg','A later photo (perhaps 1950) of the shops outside Bab Djebli is not much different than today.[49]',"#CCCCAA");
messages[50] = new Array('tour/bj05.jpg','Beyond the two children can be seen the square cistern, the walls of the <i>fondouk</i> with a white entrance way, and the huts and water tank of the military camp.[50]',"#CCCCAA");
messages[51] = new Array('tour/bj06.jpg','Looking out over Bab Djebli, the mosque and Rue des Forgerons. Beside the military camp the lane to the <i>djenenes</i> flocks with pedestrians.[51]',"#CCCCAA");
messages[76] = new Array('tour/bj07.jpg','Bab Djebli 7.[76]',"#CCCCAA");
messages[80] = new Array('tour/bj08.jpg','Bab Djebli.[80]',"#CCCCAA");
// WEST WALL
messages[52] = new Array('tour/ww01.jpg','The West Wall, looking south towards the Kasbah. A pool used to collect beneath the ramparts along this wall, but at this time it is dry. [52]',"#CCCCAA");
messages[53] = new Array('tour/ww02.jpg','The West Wall, looking south, with a pool between the track and the wall. Later, much later, Bab Gharbi would be opened to allow vehicle access through the project of wall visible to the right of the centre of the picture.[53]',"#CCCCAA");
messages[54] = new Array('tour/ww03.jpg','The West Wall, looking north, with the pool alongside the wall. [54]',"#CCCCAA");
// of PICVILLE
messages[55] = new Array('tour/picville01.jpg','This view west from the Kasbah looks over Picville. The prison is on the right, with the Gendarmerie to its left, on the main road to the west. [55]',"#CCCCAA");
messages[56] = new Array('tour/picville02.jpg','The Gendarmerie can still be seen on the road through Picville.[56]',"#CCCCAA");
messages[57] = new Array('tour/picville03.jpg','This view looks west towards Picville. In the foreground can be seen the <i>Grand Hotel de France</i>, the <i>Grecque Orthodox</i> church as well as the corner of the Kasbah.[57]',"#CCCCAA");
// BAB KASBAH
messages[58] = new Array('tour/bk01.jpg','A view of Bab Kasbah dating from about 1905. There are no telegraph wires hanging from the ramparts, though in the distance, over Bourj Al Resace, the water tank is still in place.[58]',"#CCCCAA");
messages[59] = new Array('tour/bk02.jpg','In 1909 a water tower was built inside Bab Kasbah, to supply the water requirements of the growing city. Note the telegraph wires on the walls of the Ramparts.[59]',"#CCCCAA");
messages[60] = new Array('tour/bk03.jpg','Looking towards the south-west corner of the Ramparts of Sfax, the wooden cafe is a popular location. Beyond, the buildings of Picville are beginning to grow.[60]',"#CCCCAA");
messages[61] = new Array('tour/bk04.jpg','The Public Market outside the Kasbah walls dates from about 1909. Beyond it can be seen the Greek Orthodox church. The upper reaches of the channel for small boats is just off the right hand edge of this picture.[61]',"#CCCCAA");
messages[62] = new Array('tour/bk05.jpg','Bab Kasbah was one of the first new gates that the French built after the Protectorate was established in 1881. Since WWII the gate has been rebuilt with a pedestrian entrance added alongside. For a number of years, from about 1909, a water tower stood in the Place de la Kasbah, inside Bab Kasbah.[62]',"#CCCCAA");
// the KASBAH
messages[63] = new Array('tour/kasbah01.jpg','This picture is of the <i>Place de la Kasbah</i> which is located within Bab Kasbah, adjacent to the Kasbah military post itself. The stairway ascending the tower seems to come from within the walls of the fort.[63]',"#CCCCAA");
// the PORT
messages[64] = new Array('tour/port01.jpg','Port 1.[64]',"#CCCCAA");
messages[65] = new Array('tour/port02.jpg','Looking down the `Petit Chanel` from the walls of the Kasbah. The general market is on the left (dating from about 1909). [65]',"#CCCCAA");
messages[66] = new Array('tour/port03.jpg','This view of the prot looks over the `Port de Peche`, and the larger basins. The gradual development of Madagascar is seen here, with some of the first small buildings being already installed.[66]',"#CCCCAA");
messages[67] = new Array('tour/port04.jpg','Looking up the `Petit Chanel` towards the city wall (Kasbah visible at upper right).  On the left of the picture, notice the narrow channel of water from the small electricity generating station. [67]',"#CCCCAA");
messages[68] = new Array('tour/port05.jpg','This view up the `Petit Chanel` shows the Kasbah in the background, with the General Market beneath the walls.  The presence of the water tower dates the picture from after 1909. [68]',"#CCCCAA");
messages[69] = new Array('tour/port06.jpg','Barrels, probably of Olive Oil, being loaded onto ships at the general cargo wharf. [69]',"#CCCCAA");
messages[70] = new Array('tour/port07.jpg','This view of the port is taken from the mud flats that developed during the construction of the port during the early 1900s. This island, known for some reason as `Madagascar,` was later filled and used to expand the new section of the port in the 1920s. [70]',"#CCCCAA");
messages[71] = new Array('tour/port09.jpg','Looking across the harbour at the phosphates wharf, with the extended conveyor in the distance. The harbour is a hive of activity.[71]',"#CCCCAA");
messages[72] = new Array('tour/port08.jpg','Timber is stacked on the wharf adjacent to the loading platform. The picture seems to have been taken from the Henriksen and Larsen building (see the green dot) at the end of Rue Massicault. They were the largest timber importers of Sfax for many years. [72]',"#CCCCAA");
messages[73] = new Array('tour/port10.jpg','Looking north along the phosphates quay towards the city.[73]',"#CCCCAA");
messages[74] = new Array('tour/port11.jpg','The phosphate loading wharf has been the port`s most important wharf. The equipment used to load the ships has been improved over time - the picture here shows some of the earliest loading gantries. [74]',"#CCCCAA");
messages[75] = new Array('tour/port12.jpg','There was great excitement in Sfax when the new phosphate loading machines were installed. This increased the capability of the port to deal with the large volumes of phosphates that were being loaded on the ships. [75]',"#CCCCAA");
messages[81] = new Array('tour/port13.jpg','Henriksen & Larsen came to Sfax in the late 1800s, as timber importers. They provided a better quality of timber from Norway than other suppliers, and soon became the leading importers to North Africa. Their building survived the war (see aerial photo no. 17), but was demolished to make room for the new route of the railway. [76]',"#CCCCAA");
// Miscellaneous
// messages[76] = new Array('tour/bj07.jpg','Bab Djebli 7.[76]',"#CCCCAA"); this is in Bab Djebli
// messages[77] = new Array('tour/pr01.jpg','Place Republique.[77]',"#CCCCAA"); this is with Rue Republique
// messages[78] = new Array('tour/bdf02.jpg','Boulevard de France.[78]',"#CCCCAA"); this is with Blvd de France
messages[79] = new Array('tour/bn01.jpg','Bourj An Nar.[79]',"#CCCCAA");
// messages[80] = new Array('tour/bj08.jpg','Bab Djebli.[80]',"#CCCCAA"); this is with Bab Djebli




////////////////////  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="blue" vlink="purple" alink="red"   align="center">
<table border=0 cellpadding=0 " bgcolor="#DDDDDD">
<tr>
<td width=95 valign="top" align="center">
<a href="index.html">HOME</a><br> <br>
<a href="SfaxtourM.html" > <image src= "tour/th-medina.jpg" border=0 alt="Tour the Medina of Sfax" > </a> <br>

<a href="SfaxtourF.html" > <image src= "tour/th-franque.jpg" border=0 alt="Tour the Ville Franque of Sfax, 1880-1943."> </a> <br>
<a href="SfaxtourA.html" > <image src= "tour/th-aerial.jpg" border=0 alt="Aerial tour of the old city of Sfax, 1918-1960."> <br>
<a href="#" > <image src= "tour/th-ww2.jpg" border=0 alt="Views of Sfax after the bombing of 1942-1943 (this option not yet available)."> </a><br>
<a href="SfaxtourT.html" > <image src= "tour/th-babbhar.jpg" width=90 border=0 alt="Tour the colonial buildings of Sfax" > </a> <br>
</td>
<td width=825 background="tour/basemap3.jpg" style="background-repeat: no-repeat;">
<map name="map"> 
<! SPARE - Removed from use in default map
<! <area shape=rect coords="400,233,415,244" href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()" >
<! area shape=rect coords="312,290,325,305" href="#" onmouseover="doTooltip(event,6)" onmouseout="hideTip()" >
<! area shape=rect coords="330,282,349,294" href="#" onmouseover="doTooltip(event,5)" onmouseout="hideTip()" >
<! area shape=rect coords="375,278,384,287" href="#" onmouseover="doTooltip(event,9)" onmouseout="hideTip()" >
<! area shape=rect coords="380,289,392,298" href="#" onmouseover="doTooltip(event,10)" onmouseout="hideTip()" >
<! area shape=rect coords="392,299,403,308" href="#" onmouseover="doTooltip(event,11)" onmouseout="hideTip()" >
<! area shape=rect coords="395,310,410,318" href="#" onmouseover="doTooltip(event,12)" onmouseout="hideTip()" >
<! area shape=rect coords="400,320,413,330" href="#" onmouseover="doTooltip(event,13)" onmouseout="hideTip()" >
<! area shape=rect coords="425,325,433,335" href="#" onmouseover="doTooltip(event,17)" onmouseout="hideTip()" >

<!RUE JULES FERRY & LEONNEC >
<area shape=rect coords="330,282,349,294" href="#" onmouseover="doTooltip(event,1)" onmouseout="hideTip()" >
<area shape=rect coords="460,204,472,215" href="#" onmouseover="doTooltip(event,2)" onmouseout="hideTip()" >
<area shape=rect coords="430,215,444,225" href="#" onmouseover="doTooltip(event,3)" onmouseout="hideTip()" >
<area shape=rect coords="398,235,410,247" href="#" onmouseover="doTooltip(event,4)" onmouseout="hideTip()" >
<area shape=rect coords="305,300,317,312" href="#" onmouseover="doTooltip(event,7)" onmouseout="hideTip()" >
<! RUE DE LA REPUBLIQUE >
<area shape=rect coords="375,282,387,295" href="#" onmouseover="doTooltip(event,8)" onmouseout="hideTip()" >
<area shape=rect coords="415,336,426,345" href="#" onmouseover="doTooltip(event,14)" onmouseout="hideTip()" >
<area shape=rect coords="435,358,447,369" href="#" onmouseover="doTooltip(event,15)" onmouseout="hideTip()" >
<area shape=rect coords="452,385,462,395" href="#" onmouseover="doTooltip(event,16)" onmouseout="hideTip()" >
<area shape=rect coords="385,295,397,307" href="#" onmouseover="doTooltip(event,18)" onmouseout="hideTip()" >
<! AVENUE DE PARIS > 
<area shape=rect coords="549,268,561,280" href="#" onmouseover="doTooltip(event,19)" onmouseout="hideTip()" >
<area shape=rect coords="505,290,518,304" href="#" onmouseover="doTooltip(event,20)" onmouseout="hideTip()" >
<area shape=rect coords="490,307,502,322" href="#" onmouseover="doTooltip(event,21)" onmouseout="hideTip()" >
<area shape=rect coords="455,331,468,343" href="#" onmouseover="doTooltip(event,22)" onmouseout="hideTip()" >
<area shape=rect coords="470,345,483,356" href="#" onmouseover="doTooltip(event,23)" onmouseout="hideTip()" >
<area shape=rect coords="410,387,422,399" href="#" onmouseover="doTooltip(event,24)" onmouseout="hideTip()" >
<area shape=rect coords="438,396,450,408" href="#" onmouseover="doTooltip(event,25)" onmouseout="hideTip()" >
<area shape=rect coords="381,438,394,450" href="#" onmouseover="doTooltip(event,26)" onmouseout="hideTip()" >
<area shape=rect coords="346,449,358,462" href="#" onmouseover="doTooltip(event,27)" onmouseout="hideTip()" >
<area shape=rect coords="330,469,343,482" href="#" onmouseover="doTooltip(event,28)" onmouseout="hideTip()" >
<!RUE ALEXANDER> 
<area shape=rect coords="512,314,524,326" href="#" onmouseover="doTooltip(event,29)" onmouseout="hideTip()" >
<area shape=rect coords="538,339,550,352" href="#" onmouseover="doTooltip(event,30)" onmouseout="hideTip()" >
<!RUE TISSOT> 
<area shape=rect coords="331,305,344,316" href="#" onmouseover="doTooltip(event,31)" onmouseout="hideTip()" >
<!RUE MASSICAULT> 
<area shape=rect coords="480,355,492,365" href="#" onmouseover="doTooltip(event,32)" onmouseout="hideTip()" >
<area shape=rect coords="538,408,550,420" href="#" onmouseover="doTooltip(event,33)" onmouseout="hideTip()" >
<area shape=rect coords="502,358,514,370" href="#" onmouseover="doTooltip(event,34)" onmouseout="hideTip()" >
<!RUE EMILE LOUBET> 
<area shape=rect coords="482,424,494,436" href="#" onmouseover="doTooltip(event,35)" onmouseout="hideTip()" >
<area shape=rect coords="466,425,477,437" href="#" onmouseover="doTooltip(event,36)" onmouseout="hideTip()" >
<!RUE VICTOR HUGO> 
<area shape=rect coords="332,358,345,368" href="#" onmouseover="doTooltip(event,37)" onmouseout="hideTip()" >
<!BLVD De FRANCE > 
<area shape=rect coords="340,328,352,340" href="#" onmouseover="doTooltip(event,38)" onmouseout="hideTip()" >
<area shape=rect coords="404,359,416,372" href="#" onmouseover="doTooltip(event,39)" onmouseout="hideTip()" >
<! ORTHODOX CHURCH> 
<area shape=rect coords="256,360,266,370" href="#" onmouseover="doTooltip(event,40)" onmouseout="hideTip()" >
<area shape=rect coords="269,402,280,412" href="#" onmouseover="doTooltip(event,41)" onmouseout="hideTip()" >
<! PLACE CARNOT> 
<area shape=rect coords="489,281,501,291" href="#" onmouseover="doTooltip(event,42)" onmouseout="hideTip()" >
<area shape=rect coords="450,295,462,307" href="#" onmouseover="doTooltip(event,43)" onmouseout="hideTip()" >
<area shape=rect coords="486,268,498,279" href="#" onmouseover="doTooltip(event,44)" onmouseout="hideTip()" >
<area shape=rect coords="470,319,482,331" href="#" onmouseover="doTooltip(event,45)" onmouseout="hideTip()" >
<! BAB DJEBLI> 
<area shape=rect coords="238,0,251,15" href="#" onmouseover="doTooltip(event,46)" onmouseout="hideTip()" >
<area shape=rect coords="212,25,220,37" href="#" onmouseover="doTooltip(event,47)" onmouseout="hideTip()" >
<area shape=rect coords="174,55,185,67" href="#" onmouseover="doTooltip(event,48)" onmouseout="hideTip()" >
<area shape=rect coords="218,98,230,108" href="#" onmouseover="doTooltip(event,49)" onmouseout="hideTip()" >
<area shape=rect coords="105,106,117,115" href="#" onmouseover="doTooltip(event,50)" onmouseout="hideTip()" >
<area shape=rect coords="254,127,266,139" href="#" onmouseover="doTooltip(event,51)" onmouseout="hideTip()" >
<! WEST WALL > 
<area shape=rect coords="102,173,115,185" href="#" onmouseover="doTooltip(event,52)" onmouseout="hideTip()" >
<area shape=rect coords="115,202,127,215" href="#" onmouseover="doTooltip(event,53)" onmouseout="hideTip()" >
<area shape=rect coords="140,264,152,276" href="#" onmouseover="doTooltip(event,54)" onmouseout="hideTip()" >
<! of PICVILLE > 
<area shape=rect coords="210,315,222,326" href="#" onmouseover="doTooltip(event,55)" onmouseout="hideTip()" >
<area shape=rect coords="11,363,23,374" href="#" onmouseover="doTooltip(event,56)" onmouseout="hideTip()" >
<area shape=rect coords="359,371,372,384" href="#" onmouseover="doTooltip(event,57)" onmouseout="hideTip()" >
<! BAB KASBAH > 
<area shape=rect coords="182,368,194,380" href="#" onmouseover="doTooltip(event,58)" onmouseout="hideTip()" >
<area shape=rect coords="200,377,212,391" href="#" onmouseover="doTooltip(event,59)" onmouseout="hideTip()" >
<area shape=rect coords="243,368,253,379" href="#" onmouseover="doTooltip(event,60)" onmouseout="hideTip()" >
<area shape=rect coords="166,338,178,350" href="#" onmouseover="doTooltip(event,61)" onmouseout="hideTip()" >
<area shape=rect coords="264,345,276,355" href="#" onmouseover="doTooltip(event,62)" onmouseout="hideTip()" >
<! the KASBAH > 
<area shape=rect coords="244,302,256,312" href="#" onmouseover="doTooltip(event,63)" onmouseout="hideTip()" >

<! the PORT> 
<area shape=rect coords="240,343,252,353" href="#" onmouseover="doTooltip(event,64)" onmouseout="hideTip()" >
<area shape=rect coords="213,328,223,340" href="#" onmouseover="doTooltip(event,65)" onmouseout="hideTip()" >
<area shape=rect coords="295,553,308,563" href="#" onmouseover="doTooltip(event,66)" onmouseout="hideTip()" >
<area shape=rect coords="493,586,505,597" href="#" onmouseover="doTooltip(event,67)" onmouseout="hideTip()" >
<area shape=rect coords="396,485,409,496" href="#" onmouseover="doTooltip(event,68)" onmouseout="hideTip()" >

<area shape=rect coords="692,452,705,464" href="#" onmouseover="doTooltip(event,69)" onmouseout="hideTip()" >
<area shape=rect coords="697,605,709,614" href="#" onmouseover="doTooltip(event,70)" onmouseout="hideTip()" >
<area shape=rect coords="630,448,642,458" href="#" onmouseover="doTooltip(event,71)" onmouseout="hideTip()" >
<area shape=rect coords="605,483,616,495" href="#" onmouseover="doTooltip(event,72)" onmouseout="hideTip()" >
<area shape=rect coords="815,519,827,530" href="#" onmouseover="doTooltip(event,73)" onmouseout="hideTip()" >
<area shape=rect coords="778,480,790,492" href="#" onmouseover="doTooltip(event,74)" onmouseout="hideTip()" >
<area shape=rect coords="728,428,740,440" href="#" onmouseover="doTooltip(event,75)" onmouseout="hideTip()" >
<! MISCELLANEOUS> 
<area shape=rect coords="238,128,250,139" href="#" onmouseover="doTooltip(event,76)" onmouseout="hideTip()" > <! Djebli >
<area shape=rect coords="404,374,414,385" href="#" onmouseover="doTooltip(event,77)" onmouseout="hideTip()" >
<area shape=rect coords="429,335,441,345" href="#" onmouseover="doTooltip(event,78)" onmouseout="hideTip()" >

<area shape=rect coords="514,246,524,256" href="#" onmouseover="doTooltip(event,79)" onmouseout="hideTip()" > <! Bourj An Nar >
<area shape=rect coords="230,55,242,67" href="#" onmouseover="doTooltip(event,80)" onmouseout="hideTip()" > <! Djebli >

<area shape=rect coords="592,495,605,508" href="#" onmouseover="doTooltip(event,81)" onmouseout="hideTip()" > <! Port H&L >


</map> 
<image src= "tour/arrows.gif"  USEMAP="#map" border=0>
</td>
<td bgcolor="#DDDDDD" valign="top">
<table align="center"><tr><td align="center"><H2>Tour of historic Sfax</H2></td></tr></table>
Hold the mouse over the colored dots to view each picture.<br><br>

<table align="center"><tr><td align="center"><H2>Un tour de Sfax ancienne.</H2></td></tr></table>
Pour afficher chaque image, placez la souris sur les points colorés.<br><br>

<table width=300 align="center" border=1> <! ----------------- This is for the book advert. ------------- >
<tr><td bgcolor="#FFFFFF">
Si vous souhaitez lire plus à propos de Sfax, vous pouvez profiter de ce nouveau livre, <u>Une Histoire de Bab Diwan</u> écrit par l'auteur de ce site Web. Cliquez sur l'image pour plus d'informations.<br>
<table align="center"><tr><td>
<a href="bookBabDiwanFR.html" target="_blank">
<img src="books/BDfr01.jpg" border=0 width=200 alt="Une Histoire de Bab Diwan, Sfax. Available in FRENCH or ENGLISH"></a>
</td></tr></table>


If you would like to read more about Sfax, then you may be interested in this new book, <u>Une Histoire de Bab Diwan, Sfax</u>, written by the author of this web site. Click on the image for more information. Also available in ENGLISH.

</td></tr> </table> <! ----------------------- end of book advert ----------------->

</tr>
</table>





</body>
</html>