// 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= 5;
var divCantonMouseOffset= 100;
var phpsid= '';

var imgId= '';
var imgSrc= '';
var imgSwap= new Array();

function swapImage(idImage,urlBase,tabImage)
{
	imgId= idImage;
	imgSrc= urlBase;
	imgSwap= tabImage;
}

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();
	}
	*/
	
	if (cantonMode==3)
	{
		cantonListeSurvol= !(xSouris<divCantonX-divCantonOffset || xSouris>divCantonX+divCantonLargeur+divCantonOffset || ySouris<divCantonY-divCantonOffset || ySouris>divCantonY+divCantonHauteur+divCantonOffset);
		if (!cantonListeSurvol) 
		{
			hideCanton();
			
			//if (cantonC!=-1) showCanton(cantonC);
		}
	}
	else
		cantonListeSurvol= false;
}

function showCanton(noCanton)
{
	
	if (cantonMode>0 && noCanton==cantonC) return;
	if (cantonListeSurvol) return;
	
	cantonMode=1;
	cantonC= noCanton;
	
	divCantonMouseX= xSouris;
	divCantonMouseY= ySouris;
	
	setTimeout("showCantonInit("+noCanton+")",cantonDisplayTimeout);
	
	
	if (imgId!='')
	{
			if (imgSwap[noCanton]==undefined)
				document.getElementById(imgId).src= imgSrc;
			else
				document.getElementById(imgId).src= imgSwap[noCanton];
				
	}
}

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="template/media/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("municipal_canton_detail.php", "POST", showCantonDetail);
}

function doChoixLieu(id,libelle)
{
		choixLieu(id,libelle);
		document.getElementById('divCantonInfo').style.visibility='hidden';
}

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*14;
	
	if (document.body)
	{
		var larg = (document.body.clientWidth);
		var haut = (document.body.clientHeight);
	} 
	else
	{
		var larg = (window.innerWidth);
		var haut = (window.innerHeight);
	}
	
	
	divCantonX= Math.min(divCantonX,larg-divCantonLargeur-30);
	divCantonY= Math.min(divCantonY,haut-divCantonHauteur-5);
	divCantonY= Math.max(5,divCantonY);
	
	
	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='registre_recherche_commune.php?PHPSID="+phpsid+"&l="+o.getAttribute('value')+"' style='font-family:verdana;font-size:8pt; font-weight:normal; text-decoration:none; color:#000000;'>"+o.getAttribute('value')+"</a><br />";
			src+= "<div class='lien_commune'><a href='javascript:doChoixLieu("+o.getAttribute('id')+",\""+o.getAttribute('value')+"\")' >"+o.getAttribute('value')+"</a></div>";
	}
	src+= "</div>";
	document.getElementById('divCantonInfo').innerHTML= src;
}

function hideCanton()
{
	document.getElementById('divCantonInfo').style.visibility= 'hidden';
	cantonMode= 0;
	cantonC= -1;
	
	if (imgId!='') document.getElementById(imgId).src= imgSrc;
}

function exitCanton()
{
}

function setPhpSid(sessionID)
{
		phpsid=sessionID;
}



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