function imgBasOn(id){
	if(document.getElementById(id)){
			var originalSrc=document.getElementById(id).src;
			document.getElementById(id).src=originalSrc.replace('.gif','_on.gif');
			
	}
	if(document.getElementById(id+"_desc")){
			var desc=document.getElementById(id+"_desc");
			var curleft = curtop = 0;
			var obj=document.getElementById(id);
			if (obj.offsetParent) {
				curleft = obj.offsetLeft;
				curtop = obj.offsetTop;
				while (obj = obj.offsetParent) {
					curleft += obj.offsetLeft;
					curtop += obj.offsetTop;
				}
			}
			curleft=curleft+60;
			curtop=curtop+30;
			desc.style.left=curleft+"px";
			desc.style.top=curtop+"px";
			desc.style.display="block";
			
	}
}

function imgBasOff(id){
	if(document.getElementById(id)){
			var originalSrc=document.getElementById(id).src;
			document.getElementById(id).src=originalSrc.replace('_on.gif','.gif');
	}
	if(document.getElementById(id+"_desc")){
			var desc=document.getElementById(id+"_desc");
			desc.style.display="none";
	}
}

// JavaScript Document

/****
* Script ??dit?? par Moul'
* antoine.mouliere@gmail.com
* ITEEM
****/

function disp_countdown(annee,mois,jour,heure,min)
	{
	document.getElementById("countdown").innerHTML = countdown(annee,mois,jour,heure,min);
	}
	
function countdown(annee,mois,jour,heure,min)
	{var date_fin=new Date(annee,mois-1,jour,heure,min);
	var date_jour=new Date();
	var time_fin = date_fin.getTime();
	var time_jour = date_jour.getTime();
	var time_rest = time_fin-time_jour;
	var tps=(time_fin-time_jour)/1000;
	var j=Math.floor(tps/3600/24);     	// r???cupere le nb de jour
	tps=tps % (3600*24);
	var h=Math.floor(tps / 3600);		// recup???re le nb d'heure
	tps=tps % 3600;
	var m=Math.floor(tps/60);		// r???cup???re le nb minute
	tps=tps % 60;
	var s=Math.floor(tps);
	
	if(time_fin < time_jour){
		var txt=" ";
	}
	else {
		if(j == 1){
			var txt="J - "+j;
		}
		else if(j > 0){
			var txt="J - "+j;
		}
		else{
			var txt=h+" h "+m+" m "+s+" s";
		}
	}
	return txt;
}

function update_navhaut_width(){
	var taille_actuelle = 0;
	var taille_restante = 0;
	var nom_div = "";
	var taille_navHaut = document.getElementById("navHaut").offsetWidth -25;
	var nombre_boutons = 0;
	var taille_plus = 0;
	var padding = 0;
	
	for(i = 0 ; i < 2000 ; i++){
		nom_div = "NH0" + i;
		if(document.getElementById(nom_div) != null){
			taille_actuelle += document.getElementById(nom_div).offsetWidth;
			nombre_boutons ++;
		}
	}
	
	if(document.getElementById("NH0") != null)
	{
		taille_actuelle += document.getElementById("NH0").offsetWidth;
		nombre_boutons ++;
	}
	else
	{
		taille_navHaut += 3;
	}
	
	taille_restante = taille_navHaut - taille_actuelle;
	taille_plus = Math.floor(taille_restante / nombre_boutons);

	for(i = 0 ; i < 2000 ; i++){
		nom_div = "NH0" + i;
		if(document.getElementById(nom_div) != null){
			var html = document.getElementById(nom_div).innerHTML;
			html = html.replace("div class=\"centre\"","div class='centre' style='text-align:center; padding-left:0px; padding-right:0px; width:"+ (document.getElementById(nom_div).offsetWidth + taille_plus) + "px" + ";'");
			html = html.replace("DIV class=centre","div class='centre' style='text-align:center; padding-left:0px; padding-right:0px; width:"+ (document.getElementById(nom_div).offsetWidth + taille_plus) + "px" + ";'");
			document.getElementById(nom_div).innerHTML = html;
		}
	}
	
	if(document.getElementById("NH0") != null){
		var html_event = document.getElementById("NH0").innerHTML;
		html_event = html_event.replace("div class=\"centre\"","div class='centre' style='text-align:center; padding-left:0px; padding-right:0px; width:"+ (document.getElementById("NH0").offsetWidth + taille_plus+1) + "px" + ";'");
		html_event = html_event.replace("DIV class=centre","div class='centre' style='text-align:center; padding-left:0px; padding-right:0px; width:"+ (document.getElementById("NH0").offsetWidth + taille_plus) + "px" + ";'");
		document.getElementById("NH0").innerHTML = html_event;
	}

}

function displaySector(id_secteur, couleur_secteur, img_secteur, nb_secteurs){
	var i = 0;
	for(i = 1 ; i <= nb_secteurs ; i++){
		var innerHTML = document.getElementById("contenuSecteur"+i).innerHTML;
		if(i == id_secteur){
			document.getElementById("secteur"+id_secteur).className="secteur_"+couleur_secteur+"_selected";
			document.getElementById("nom_secteur"+id_secteur).className="nom_secteur_selected";	
			document.getElementById("listeBoutiques"+id_secteur).style.display='block';
			document.getElementById("secteur"+id_secteur).onmouseover="";
			document.getElementById("secteur"+id_secteur).onmouseout="";
		}
		else{
			innerHTML = innerHTML.replace('onmouseover=""', 'onmouseover="hoverSector('+i+')"');
			document.getElementById("contenuSecteur"+i).innerHTML = innerHTML;
			innerHTML = innerHTML.replace('onmouseout=""', 'onmouseout="hideSector('+i+')"');
			document.getElementById("contenuSecteur"+i).innerHTML = innerHTML;				
			document.getElementById("secteur"+i).className = document.getElementById("secteur"+i).className.replace("_selected","");
			document.getElementById("nom_secteur"+i).className="nom_secteur";				
			document.getElementById("listeBoutiques"+i).style.display='none';
		}
	}
	document.getElementById("mediaSousvetement").style.background='url('+img_secteur+')';
}

function hoverSector(id_secteur){
	document.getElementById("nom_secteur"+id_secteur).className="nom_secteur_selected";
	document.getElementById("secteur"+id_secteur).className = document.getElementById("secteur"+id_secteur).className.replace(document.getElementById("secteur"+id_secteur).className,document.getElementById("secteur"+id_secteur).className+"_selected");
}

function hideSector(id_secteur){
	document.getElementById("nom_secteur"+id_secteur).className="nom_secteur";
	document.getElementById("secteur"+id_secteur).className = document.getElementById("secteur"+id_secteur).className.replace("_selected","");
}

function displayCalque(id_calque){
	document.getElementById("calque_shp_"+id_calque).style.display="block";
	document.getElementById("NH0"+id_calque).className = "selected";
}

function hideCalque(id_calque){
	document.getElementById("calque_shp_"+id_calque).style.display="none";
	document.getElementById("NH0"+id_calque).className = "bouton";	
}