// JavaScript Document
var xSouris=0;
var ySouris=0;

var cantonDisplayTimeout= 500;
var cantonMode=0;
var cantonC=-1;
var cantonListeSurvol=false;

var divCantonX=0;
var divCantonY=0;
var divCantonLargeur=0;
var divCantonHauteur=0;

var divCantonMouseX=0;
var divCantonMouseY=0;

var divCantonOffset= 10;
var divCantonMouseOffset= 100;
var phpsid= '';

function positionSouris(e)
{
	xSouris = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.documentElement.scrollLeft;
	ySouris = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.documentElement.scrollTop;
	
	if (cantonMode>=2)
	{
		cantonListeSurvol= !(xSouris<divCantonX-divCantonOffset || xSouris>divCantonX+divCantonLargeur+divCantonOffset || ySouris<divCantonY-divCantonOffset || ySouris>divCantonY+divCantonHauteur+divCantonOffset);
		if (!cantonListeSurvol) hideCanton();
	}
}

function showCanton(noCanton)
{
	if (cantonMode>0 && noCanton==cantonC) return;
	if (cantonListeSurvol) return;
	
	cantonMode=1;
	cantonC= noCanton;
	
	divCantonMouseX= xSouris;
	divCantonMouseY= ySouris;
	
	setTimeout("showCantonInit("+noCanton+")",cantonDisplayTimeout);
}

function showCantonInit(noCanton)
{
	if (cantonMode!=1 || cantonC!=noCanton) return;
	if (Math.abs(xSouris-divCantonMouseX)>divCantonMouseOffset || Math.abs(ySouris-divCantonMouseY)>divCantonMouseOffset) 
	{
		//hideCanton();
		return;
	}
	
	
	cantonMode=2;
	
	divCantonX= xSouris-50;
	divCantonY= ySouris+5;
	divCantonLargeur= 50;
	divCantonHauteur= 50;
	
	
	
	document.getElementById('divCantonInfo').style.top			= divCantonY+'px';	
	document.getElementById('divCantonInfo').style.left			= divCantonX+'px';	
	document.getElementById('divCantonInfo').style.width		= divCantonLargeur+'px';	
	document.getElementById('divCantonInfo').style.height		= divCantonHauteur+'px';	
	
	var src= '<div style="margin:3px"><img src="media19/images/loading.gif" border="0"></div>';
	document.getElementById('divCantonInfo').innerHTML= src;
	
	document.getElementById('divCantonInfo').style.visibility	= 'visible';
	
	var XHR = new XHRConnection();
    XHR.appendData("id", noCanton);
	XHR.sendAndLoad("canton_detail.php", "POST", showCantonDetail);
}

function showCantonDetail(obj)
{	
	var tabLabel = obj.responseXML.getElementsByTagName('label');
	var tabCommune = obj.responseXML.getElementsByTagName('commune');
	
	divCantonX= xSouris-50;
	divCantonY= ySouris+5;
	divCantonLargeur= 200;
	divCantonHauteur= 25+tabCommune.length*17;
	
	document.getElementById('divCantonInfo').style.top			= divCantonY+'px';	
	document.getElementById('divCantonInfo').style.left			= divCantonX+'px';	
	document.getElementById('divCantonInfo').style.width		= divCantonLargeur+'px';	
	document.getElementById('divCantonInfo').style.height		= divCantonHauteur+'px';	
	
	cantonMode=3;
	//alert(tabLabel.length);
	
	var src;
	src= "<div style='margin:0px;padding:0px; border-bottom:solid; border-width:1px'>";
	src+= "<p style='margin:3px;font-weight:bold;font-family:verdana;font-size:9pt'>"+((tabLabel.item(0)).getAttribute('value'))+"</p>";
	src+="</div>";
	
	src+= "<div>";
	for (i=0; i<tabCommune.length; i++)
	{
			o= tabCommune.item(i);
			src+= "<a href='tsa_recherche_commune.php?PHPSID="+phpsid+"&l="+o.getAttribute('value')+"' style='font-family:verdana;font-size:8pt; font-weight:normal'>"+o.getAttribute('value')+"</a><br />";
	}
	src+= "</div>";
	
	document.getElementById('divCantonInfo').innerHTML= src;
}

function hideCanton()
{
	document.getElementById('divCantonInfo').style.visibility= 'hidden';
	cantonMode= 0;
}

function exitCanton()
{
}

function setPhpSid(sessionID)
{
		phpsid=sessionID;
}



if (navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = positionSouris;