//liste des modèles
function getModele(selected, lang){
 var xmlhttp = getXHR(); 
	
	if (selected!="7"){
		  //Ouverture du flux
		
		 xmlhttp.onreadystatechange = function() { //Si le résultat de la requête a été reçu
		 
		  if(xmlhttp.readyState == 4) { 
			
			
			//var xmlOption = (new DOMParser()).parseFromString(xmlhttp.responseText, "text/xml");
			var xmlOption = xmlhttp.responseXML;
			
			var listeRadio =  xmlOption.getElementsByTagName('radio');
			
			clearNode('modele');
			clearNode('reservoir');
			
			var titre = document.createElement('h3');
			
			if (lang == "fr")	titre.appendChild(document.createTextNode('Merci de choisir un modèle'));
			else 				titre.appendChild(document.createTextNode('Please choose a model'));
			document.getElementById('modele').appendChild(titre);
			
			
			for(i=0; i<listeRadio.length; i++){
				var name = xmlGetElement(listeRadio[i]);
				var value = listeRadio[i].getAttribute('value');
				var img = listeRadio[i].getAttribute('img');
				
				if ("filters" in document.body && "alpha" in document.body.filters) // Internet Exploder
				var navigateur = 'ie';
				
				//if (navigateur == 'ie') var radio = document.createElement("<input type='radio' NAME='modele' value='"+value+"'/>");
				//else var radio = document.createElement('input');
				
				var radio = document.createElement('input');
				radio.setAttribute('type', 'radio');
				radio.setAttribute('name', 'modele');
				radio.setAttribute('value', value);
				radio.setAttribute('id', 'modele_'+i);
				radio.onclick = function(){ getReservoir(this, lang); }
		
				var label = document.createElement('label');
				label.setAttribute('for', 'modele_'+i);
				label.setAttribute('id', img);
				label.appendChild(document.createTextNode(name));
				label.onmouseover = function (){ afficheImageBateau(this); };
				label.onmouseout = function (){ cachePopup(); };
			
				var br = document.createElement('br');
			
				document.getElementById('modele').appendChild(radio);
				document.getElementById('modele').appendChild(label);
				document.getElementById('modele').appendChild(br);
			}
			
			if (xmlOption.getElementsByTagName('desc').length>0){
				document.getElementById("legendModele").innerHTML=xmlOption.getElementsByTagName('desc')[0].firstChild.nodeValue;	
				document.getElementById("legendModele").style.display='block';		
			}else document.getElementById("legendModele").style.display='none';
			
			if (lang == "fr")	document.getElementById("caracSel").innerHTML = "&nbsp;&nbsp;- La gamme <strong>"+document.getElementById("liste_gamme").options[document.getElementById("liste_gamme").selectedIndex].text+"</strong>";
			else				document.getElementById("caracSel").innerHTML = "&nbsp;&nbsp;- Boats’ range <strong>"+document.getElementById("liste_gamme").options[document.getElementById("liste_gamme").selectedIndex].text+"</strong>";
			
		  } 
		 }

		 xmlhttp.open("GET", "ajax/getModele.xhr.php?selected="+selected+"&lang="+lang, true); 
		 xmlhttp.send(null); 
	}else{
		if (lang == "fr")	document.getElementById('modele').innerHTML="Merci de contacter le service commercial zeppelin <a href='devis-verif.php?b=950' style='font-weight:bold; text-decoration:underline'>en cliquant ici</a>";
		else				document.getElementById('modele').innerHTML="Please contact our commercial department for more details <a href='devis-verif.php?b=950' style='font-weight:bold; text-decoration:underline'>click there</a>";
	}
}


//reservoir possibles en fonction du modele
function getReservoir(objet, lang){
	var modele_interdit = new Array("6.10", '6.40', '6.70','DEF610', 'DEF640', 'DEF670', '20 VPROBM', '21 VPROBM', '22 VPROBM');
	var modele = objet.value;
	if (!in_array(modele, modele_interdit)){
		var xmlhttp_reservoir = getXHR(); 
		
		xmlhttp_reservoir.onreadystatechange = function() { //Si le résultat de la requête a été reçu
			if(xmlhttp_reservoir.readyState == 4) { 
				
				var xmlOption = xmlhttp_reservoir.responseXML;
				var listeRadio =  xmlOption.getElementsByTagName('radio');

				clearNode('reservoir');
		
				
				if (listeRadio.length == 1){
					var name = xmlGetElement(listeRadio[0]);
					//if (navigateur == 'ie') var radio = document.createElement("<input type='hidden' NAME='reservoir' value='"+name+"'/>");
					//else var radio = document.createElement('input');
					
					var radio = document.createElement('input');
					radio.setAttribute('type', 'hidden');
					radio.setAttribute('name', 'reservoir');
					radio.setAttribute('value', name);
					radio.setAttribute('id', 'reservoir_'+i);
					
					
						
					document.getElementById('reservoir').appendChild(radio);
					
						
				}else{
					var titre = document.createElement('h3');
					
					if (lang == "fr")	titre.appendChild(document.createTextNode('Merci de choisir un reservoir'));
					else				titre.appendChild(document.createTextNode('Please choose an internal fuel tank'));
					document.getElementById('reservoir').appendChild(titre);
				
				
					for(i=0; i<listeRadio.length; i++){
						var name = xmlGetElement(listeRadio[i]);
						
						if ("filters" in document.body && "alpha" in document.body.filters) // Internet Exploder
						var navigateur = 'ie';
						
						//if (navigateur == 'ie') var radio = document.createElement("<input type='radio' NAME='reservoir' value='"+name+"'/>");
						//else var radio = document.createElement('input');
						
						 var radio = document.createElement('input');
						radio.setAttribute('type', 'radio');
						radio.setAttribute('name', 'reservoir');
						radio.setAttribute('value', name);
						radio.setAttribute('id', 'reservoir_'+i);
						
						//if(name == 'Aucun') radio.setAttribute('checked','checked');
		
						var label = document.createElement('label');
						label.setAttribute('for', 'reservoir_'+i);
						label.appendChild(document.createTextNode(name));
					
						var br = document.createElement('br');
					
						document.getElementById('reservoir').appendChild(radio);
						document.getElementById('reservoir').appendChild(label);
						document.getElementById('reservoir').appendChild(br);
					}
				}
			} 
		}
		//alert("ajax/getReservoir.xhr.php?modele="+modele+"&lang="+lang);
		xmlhttp_reservoir.open("GET", "ajax/getReservoir.xhr.php?modele="+modele+"&lang="+lang, true); 
		xmlhttp_reservoir.send(null); 
	}
}


//Gere les options des éléments sélectionnés
//Cache toutes les options pas défaut class:option
//Puis affiche uniquement les options de la classe concernée
function gereOption(classe){
	
	
	
	var listeSpan = document.getElementsByTagName("span");
	for(var i=0; i<listeSpan.length; i++){
		if (listeSpan[i].className.substring(0, 6)=="option"){
			listeSpan[i].style.display='none';
		}
	}
	
		
	
	var listeOption = document.getElementsByTagName("span");
	for(var i=0; i<listeOption.length; i++){
		if (listeOption[i].className.substring(7, listeOption[i].className.length)==classe){
			listeOption[i].style.display='inline';
		}
	}
}


//decoche le checkbox 
function decocheCheckbox(chk){
	var listeCheckbox = document.getElementsByTagName("input");
	for(var i=0; i<listeCheckbox.length; i++){
		//alert( listeCheckbox[i].value +"=="+ chk);
		if (listeCheckbox[i].getAttribute('type') == 'checkbox' && listeCheckbox[i].value == chk){
			listeCheckbox[i].checked = false;
		}
	}
}

//decoche le checkbox 
function decocheCheckboxes(chk){
	var listeCheckbox = document.getElementsByTagName("input");
	for(var i=0; i<listeCheckbox.length; i++){
		//alert(in_array(listeCheckbox[i].value, chk)+"\n"+ chk +"\n*"+listeCheckbox[i].value+"*");
		if (listeCheckbox[i].getAttribute('type') == 'checkbox' && in_array(listeCheckbox[i].value, chk)){
			listeCheckbox[i].checked = false;
		}
	}
}



//decoche tout les checkbox sauf chk
function decocheCheckboxSauf(chk){
	var listeCheckbox = document.getElementsByTagName("input");
	for(var i=0; i<listeCheckbox.length; i++){
		if (listeCheckbox[i].getAttribute('type') == 'checkbox' && listeCheckbox[i].value != chk){
			listeCheckbox[i].checked = false;
		}
	}
}



//liste des accessoires
function getAccessoire(selected){

 var xmlhttp = getXHR(); 
 

  //Ouverture du flux

 xmlhttp.onreadystatechange = function() { //Si le résultat de la requête a été reçu
  if(xmlhttp.readyState == 4) { 
	var xmlOption = xmlhttp.responseXML;
	var listeRadio =  xmlOption.getElementsByTagName('radio');
	
	clearNode('type');
	
	for(i=0; i<listeRadio.length; i++){
		var name = xmlGetElement(listeRadio[i]);
		var value = listeRadio[i].getAttribute('value');
		
		var radio = (document.all) ? document.createElement("<input type='radio' NAME='type' value='"+value+"'/>") : document.createElement('input');
		radio.setAttribute('type', 'radio');
		radio.setAttribute('name', 'type');
		radio.setAttribute('value', value);
		radio.setAttribute('id', 'type_'+i);
		
		var label = document.createElement('label');
		label.setAttribute('for', 'type_'+i);
		label.appendChild(document.createTextNode(name));
	
		var br = document.createElement('br');
	
		document.getElementById('type').appendChild(radio);
		document.getElementById('type').appendChild(label);
		document.getElementById('type').appendChild(br);
	}
	
	
  } 
 }
 
 xmlhttp.open("GET", "ajax/getAccessoire.xhr.php?selected="+selected, true); 
 xmlhttp.send(null); 
}


function verifGamme(lang){
	if (document.getElementById("liste_gamme").value=="0") {
		alert("Vous devez choisir une gamme");
		document.getElementById("liste_gamme").focus();
		return false;
	}
	
	var radioList = document.getElementsByName("modele");
	var checked = false;
	
	for(var i = 0;i<radioList.length;i++) {
		if(radioList[i].checked) {
			checked = true;
			break;
		}
	}

	if (!checked) {
		
		if (lang=="fr") alert("Vous devez choisir un modèle");
		else			alert("You must choose a model");
		return false;
	}
	
	
	var radioList = document.getElementsByName("reservoir");
	
	if (radioList.length != 'undefined' && radioList.length >1){
		var checked = false;
		
		if (radioList.length == 2 && navigateur == 'ie'){
			checked = true;
		}else{
			for(var i = 0;i<radioList.length;i++) {
				
				if(radioList[i].checked) {
						checked = true;
						break;
				}
			}
			
		}
	
		if (!checked) {
			if (lang=="fr") alert("Vous devez choisir un reservoir");
			else			alert("You must choose a tank");
			return false;
		}
	}
	
	
	
	
	
	
	return true;
}


function verifStyle(lang){

	var radioList = document.getElementsByName("style_config");
	var checked = false;
	
	for(var i = 0;i<radioList.length;i++) {
		if(radioList[i].checked) {
			checked = true;
			break;
		}
	}

	if (!checked) {
		if (lang=="fr") alert("Vous devez choisir une Configuration");
		else			alert("You must choose a configuration");
		return false;
	}
	
	
	else return true;
}


function verifConsole(lang){

	var radioList = document.getElementsByName("console");
	var checked = false;
	
	for(var i = 0;i<radioList.length;i++) {
		if(radioList[i].checked) {
			checked = true;
			break;
		}
	}

	if (!checked) {
		if(lang=="fr") alert("Vous devez choisir une console");
		else			alert("You must choose a consol");
		return false;
	}
	
	
	
	//Verif coffre
	var radioList = document.getElementsByName("coffre[]");
	
	if (radioList.length>1){
		var checked = false;
		
		for(var i = 0;i<radioList.length;i++) {
			if(radioList[i].checked) {
				checked = true;
				break;
			}
		}
	
		if (!checked) {
			if (lang=="fr")		alert("Vous devez choisir un coffre ");
			else				alert("You must chose a box");
			return false;
		}
	}
}





function verifSiege(gamme, lang){
	var radioList = document.getElementsByName("siege[]");
	var checked = false;
	
	for(var i = 0;i<radioList.length;i++) {
		if(radioList[i].checked) {
			checked = true;
			break;
		}
	}

	if (!checked) {
		if (lang=="fr")	alert("Vous devez choisir au moins un siege");
		else			alert("You must choose at least one seat");
		return false;
	}
	

	var radioList = document.getElementsByName("siege[]");
	var checked = 0;
	
	for(var i = 0;i<radioList.length;i++) {
		if(radioList[i].checked) {
			checked ++;
			
		}
	}

	if (checked>3 && gamme != "Série R") {
		if (lang=="fr")	alert("Le nombre de siège est limité à 3 pour ce modèle merci de décocher les sièges supplémentaires");
		else			alert(" the number of seats is limited to 3 for this model, please untick any additionnal seats");
		return false;
	}
	
	if (checked>1 && gamme=="Série R"){
		alert("Le nombre de siège est limité à 1 pour ce modèle merci de décocher les sièges supplémentaires");
		return false;
	}
	

}
		  

function verifAccessoire(lang){
	
	
	
	if (lang == "fr")	var listAccessoire = new Array("access_guide-de-mouillage-", "access_roll-bar-inox-avec-aile-porte-feux-and-feux-reglementaires-", "access_rack-inox-de-plongee", "access_divers[]");
	if (lang == "en")	var listAccessoire = new Array("access_berthing-guide", "access_stainless-steel-a-frame-with-aerial-and-navigational-light-holder", "access_bottle-rack", "access_divers[]");
		
	for (var j=0; j<listAccessoire.length; j++){
		var checked = false;
		var inputList = document.getElementsByName(listAccessoire[j]);	
		for(var i = 0;i<inputList.length;i++) {
			if (inputList[i].getAttribute('type')=='radio' || inputList[i].getAttribute('type')=='checkbox'){
				if(inputList[i].checked) {
					checked = true;
					break;
				}
			}
		}
	
		if (!checked) {
			if (lang=="fr")		alert("Vous devez cocher une case par groupe");
			else				alert("You must tick a box per group ");
			return false;
		}
	}
	
}


function verifMoteur(lang){
	if (document.getElementById("motorisation").value=="") {
		alert("Merci d'indiquez si vous souhaitez un moteur");
		document.getElementById("motorisation").focus();
		return false;
	}
	
	else{
		
		if (document.getElementById("motorisation").value!="" && document.getElementById("motorisation").value!="Sans moteur" && document.getElementById("motorisation").value!="None"){
			var valMin = document.getElementById("min_puissance").innerHTML;
			var valMax = document.getElementById("max_puissance").innerHTML;
			var valMoteur1	= document.getElementById("puissance1").value;
			var valMoteur2	= document.getElementById("puissance2").value;
			var moteur1	= document.getElementById("moteur1").value;
			var moteur2	= document.getElementById("moteur2").value;
			
			if (moteur1 != '' && (parseInt(valMoteur1,10) < parseInt(valMin,10) || parseInt(valMoteur1,10) > parseInt(valMax,10))){
				if (lang=="fr")	alert("La puissance du moteur 1 doit être comprise en "+valMin+"Cv et "+valMax+"Cv");
				else			alert("the engine power 1 must be between "+valMin+" CV and "+valMax+" CV");
				document.getElementById("puissance1").focus();
				return false;
			}
			
			if (moteur2 != '' && (parseInt(valMoteur2,10) < parseInt(valMin,10) || parseInt(valMoteur2,10) > parseInt(valMax,10))){
				if (lang=="fr")	alert("La puissance du moteur 2 doit être comprise en "+valMin+"Cv et "+valMax+"Cv");
				else			alert("the engine power 2 must be between "+valMin+" CV and "+valMax+" CV");
				document.getElementById("puissance2").focus();
				return false;
			}
		}		
	}
}


function aff_moteur(){
	if (document.getElementById("motorisation").value!="" && document.getElementById("motorisation").value!="Sans moteur" && document.getElementById("motorisation").value!="None"){
		if (document.getElementById("motorisation").value=="Avec double motorisation"){
			document.getElementById("detail_moteur2").style.display="none";	
			document.getElementById("idMoteur1").innerHTML="MOTEUR 1 & 2";	
			document.getElementById("pMoteur1").innerHTML="Puissance moteur totale";	
		}else {
			document.getElementById("detail_moteur2").style.display="block";
			//document.getElementById("idMoteur1").innerHTML="MOTEUR 1";
			//document.getElementById("pMoteur1").innerHTML="Puissance moteur 1";
		}
		document.getElementById("avec_motorisation").style.display="block";
	}
	else{
		document.getElementById("avec_motorisation").style.display="none";
	}
}


function verif_form(lang) {

	if (document.getElementById("prenom").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre prénom");
		else alert("Please indicate your first name");
	document.getElementById("prenom").focus();
	return false;
	}
	else {
		  if (document.getElementById("prenom").value.length < 2){
			  	if(lang=="fr")	alert("Le champ prénom n'est pas valide");
				else alert("Please indicate your first name");
				document.getElementById("prenom").focus();
				return false;
		  }
	  
	}
	
	if (document.getElementById("nom").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre nom");
		else alert("Please indicate your name");
	document.getElementById("nom").focus();
	return false;
	}
	else {
		  if (document.getElementById("nom").value.length < 2){
			  	if(lang=="fr")	alert("Le champ nom n'est pas valide");
				else alert("Please indicate your name");
				document.getElementById("nom").focus();
				return false;
		  }
	  
	}
	
	if (document.getElementById("ad").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre adresse");
		else alert("Please indicate your address");
	document.getElementById("ad").focus();
	return false;
	}
	
	if (document.getElementById("ville").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre ville");
		else alert("Please indicate the town or city");
	document.getElementById("ville").focus();
	return false;
	}
	
	if (document.getElementById("cp").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre code postal");
		else alert("Please indicate your postcode");
	document.getElementById("cp").focus();
	return false;
	}
	/*else {
		  if (document.getElementById("cp").value.length != 5){
			  	if(lang=="fr")	alert("Le champ code postal n'est pas valide");
				else alert("Please indicate your postcode");
				document.getElementById("cp").focus();
				return false;
		  }
	  
	}*/
	
	if (document.getElementById("tel").value=="") {
		if(lang=="fr")	alert("Veuillez indiquer votre numéro de téléphone");
		else alert("Please indicate your telephone number");
	document.getElementById("tel").focus();
	return false;
	}
	else {
		  if (document.getElementById("tel").value.length < 10){
			  	if(lang=="fr")		alert("Le champ téléphone n'est pas valide");
				else alert("Please indicate your telephone number");
				document.getElementById("tel").focus();
				return false;
		  }
	  
	}
	
	if (document.getElementById("mail").value==""){
		if(lang=="fr")	alert("Veuillez indiquer votre e-mail");
		else alert("Please indicate your e-mail address");
		document.getElementById("mail").focus();
		return false;
	}
	else {
		  if (document.contact.mail.value.indexOf("@",0)<0){
			  	if(lang=="fr")	alert("Le champ mail n'est pas valide");
				else alert("The e-mail address field is not valid");
				document.getElementById("mail").focus();
				return false;
		  }
	  
	}

return true;

}


function getAccessoires(a){
	//var listDiv = document.getElementsByClassName("accessoires");
	
	var liste = document.getElementsByTagName('div');	
	var listDiv = new Array();
	for (var i=0; i<liste.length; i++) {
		if(liste[i].className == "accessoires"){
			listDiv.push(liste[i]);
		}
	}
	
	
	

	for (var i=0; i<listDiv.length; i++){
		listDiv[i].style.display="none";		
	}
	
	document.getElementById(a).style.display="block";
}


function in_array(el, array){
	var is_present = false;
	for (var i=0; i<array.length; i++) {
		if (array[i]== el) is_present = true;
	}
	return is_present;
}


function clean_tab(tab, a_exclure){
	var new_tab = new Array();
	for (var i=0; i<tab.length; i++) {
		if (!in_array(tab[i], a_exclure)){
			new_tab[new_tab.length]	= tab[i];
		}
	}
	return new_tab;
}


function getExclure(classe){
	//var liste = document.getElementsByClassName(classe);	
	
	var liste = document.getElementsByTagName('input');	
	var new_liste = new Array();
	for (var i=0; i<liste.length; i++) {
		if(liste[i].className == classe){
			new_liste.push(liste[i]);
		}
	}
	
	
	var tab_list = new Array();
	for (var i=0; i<new_liste.length; i++) {
		tab_list[tab_list.length] = new_liste[i].value;	
	}
	return tab_list;
}


function update_liste_accessoire(el, classe){
	var liste = document.getElementById("liste_accessoires").value;
	var tab_list = liste.split("##@@");
	var new_liste = new Array();
	var deja_present = false;
	var str_input = "";
	var str_html = "";
	
	tab_list = clean_tab(tab_list, getExclure(classe));
	
	for (var i=0; i<tab_list.length; i++) {
		if (tab_list[i]!=""){
			new_liste[new_liste.length] = tab_list[i];
			if (tab_list[i]==el.value) deja_present=true;
		}
	}
	if (el.checked == true){
		if (deja_present == false) new_liste[new_liste.length] = el.value;
	}
	for (var i=0; i<new_liste.length; i++) {
		if (i>0){
			str_input += "##@@";			
		}else{
			str_html += "- Les accessoires<br>";
		}
		str_input += new_liste[i];	
		str_html += "<div class='little'><strong>"+new_liste[i]+"</strong></div>";
	}
	document.getElementById("detail_span").innerHTML = str_html;	
	document.getElementById("liste_accessoires").value = str_input;		
	
}



function checkAccessoire(el, classe){
	
	//On efface toute les div concernées du groupe
	var list = document.getElementsByTagName('DIV');
	for(var i=0; i<list.length; i++){
		if (list[i].className == classe) list[i].style.display="none";
	}
	
	var ac = el.value;
	if (document.getElementById("option_"+ac)){

		if (el.checked == true)	document.getElementById("option_"+ac).style.display="block";
		else						document.getElementById("option_"+ac).style.display="none";
	}
}



/*******************************************************************************
	GESTION DES POPUPS
	Par damien @ oceanet
	11:57 10/07/2008
********************************************************************************/
var ADR_SITE = 'http://www.zeppelin.fr/';
var PATH_PHOTO = 'img/accessoires/';

//gestion de la position de la souris,
var mouse_x = 0;
var mouse_y = 0;
var fix_ie_x = 0;
var fix_ie_y = 0;

function getPosition(e) {
    if (navigator.appName!="Microsoft Internet Explorer") {
		mouse_x = e.pageX;
		mouse_y = e.pageY;
    }
    else{ 
	    if(document.documentElement.clientWidth>0) {
			mouse_x = event.x + document.documentElement.scrollLeft;
			mouse_y = event.y + document.documentElement.scrollTop;
	    } 
		else{
			mouse_x = event.x + document.body.scrollLeft;
			mouse_y = event.y + document.body.scrollTop;
	    }
		
		//fix pour IE car le conteneur est en absoltue
		if(document.documentElement.clientWidth>1004){
			fix_ie_x = parseInt((document.documentElement.clientWidth-1004)/2, 10);
		}
		
		fix_ie_y = parseInt(document.documentElement.scrollTop, 10);
    }
}

document.onmousemove = getPosition;


// Fichier alpha: gestion du masque
var opacity_fin		= 100;
var opacity_pas 	= 20;
var opacity_time 	= 200;
var opacity_delay	= parseInt(opacity_time/(opacity_fin/opacity_pas));
var now_opacity		= 0;



//modifie l'opacité du masque jusqu'à atteindre une opacité définit, puis execute le callback
function setProgressivAlpha(){

	//nouvelle opacité
	now_opacity = now_opacity + opacity_pas;
	if(now_opacity > opacity_fin) now_opacity = opacity_fin;
	
	if(document.getElementById('popup')){
		document.getElementById('popup').style.filter	= "alpha(opacity="+now_opacity+")";
		document.getElementById('popup').style.opacity  = now_opacity/100;
	}
	
	if(now_opacity < opacity_fin){ //Masque progressif de la page
		setTimeout('setProgressivAlpha();', opacity_delay);
	}
}


//diminue l'opacité du masque jusqu'à atteindre 0
function unsetProgressivAlpha(){ 

	//nouvelle opacité
	now_opacity = now_opacity - opacity_pas;
	if(now_opacity < 0) now_opacity = 0;
	
	if(document.getElementById('popup')){
		document.getElementById('popup').style.filter	= "alpha(opacity="+now_opacity+")";
		document.getElementById('popup').style.opacity  = now_opacity/100;
		
		if(now_opacity > 0){ //Masque progressif de la page
			setTimeout('unsetProgressivAlpha();', opacity_delay);
		}
		else{
			removeNode('popup');
			now_opacity	= 0;
			popupActive = false;
			if(onLink == false){
				showSelectBoxes();
			}
		}
	}
}





//variables pour savoir si on doit afficher le popup ou non
var onLink = true; //le curseur n'est pas sur le lien
var onPopup = false; //le curseur n'est pas sur le popup
var popupActive = false; // le popup n'est pas affiché, si il est affiché, alors il vaut le mjo_id
var posCurseurX = 0;
var posCurseurY = 0;
var tempsAttenteOuverture = 300; //temps d'attente avant de generer le popup
var tempsAttenteFermeture = 50; //temps d'attente avant de generer le popup



//on sort le curseur du lien
function cachePopup(){
	onLink = false;
	setTimeout('cacheSuitePopup()', tempsAttenteFermeture);
}

function cacheSuitePopup(){
	if(onLink == false && onPopup == false){
		unsetProgressivAlpha();
	}
}

//on sort le curseur du popup
function onPopupOut(){
	onPopup = false;
	setTimeout('cacheSuitePopup()', tempsAttenteFermeture);
}

//on entre le curseur sur le popup
function onPopupOver(){
	onPopup = true;
}


function getImage(objet){
	//Extraction du nom de limage
	//accessoire_Kit assis / debout tout inox
	

	var id = objet.getAttribute("for");
	if(!id) id = objet.getAttribute("htmlFor");

	var position = id.lastIndexOf('_', id.length)+1;
	
	var nom = id.substr(position,(id.length-position));
	var img="";
	
	for (var i=0; i<tab_photos.length; i+=2){
		//alert("_"+tab_photos[i]+"_\n_"+nom+"_");
		if (tab_photos[i] == nom) img=tab_photos[i+1];
	}

	return img;
}

//le curseur est sur un lien
function afficheImageSrc(src_image){
	onLink = true;
	
	if (src_image!=''){
	 setTimeout('afficheSuiteImage("'+src_image+'")', tempsAttenteOuverture);   
	}
}

//le curseur est sur un lien
function afficheImage(objet){
	onLink = true;
	src_image = getImage(objet);
	if (src_image!=''){
	 setTimeout('afficheSuiteImage("'+src_image+'")', tempsAttenteOuverture);   
	}
}

//le curseur est sur un lien (on passe directement la source de l'image
function afficheImageBateau(objet){
	onLink = true;
	src_image = objet.getAttribute("id");
	if (src_image!=''){
		setTimeout('afficheSuiteImage("'+src_image+'.gif")', tempsAttenteOuverture);	 	
	}
}

function afficheSuiteImage(src_image){
	if(onLink == true){
	
		posCurseurX = mouse_x;
		posCurseurY = mouse_y;
				
		if(popupActive == false){
			genererPopup(src_image);
			popupActive = src_image;
		}
		else if(popupActive != src_image){
			unsetProgressivAlpha();
			setTimeout('genererPopup("'+src_image+'");',opacity_time);
			setTimeout('popupActive = "'+src_image+'";',opacity_time);
		}
	}
}



function genererPopup(src_image){

	var popup = document.createElement('div');
	popup.setAttribute('id', 'popup');
	with(popup.style){
		width			= '176px';
		position 		= 'absolute';
		left			= (posCurseurX-5+fix_ie_x)+"px";
		top				= (posCurseurY-235-fix_ie_y)+"px";
		filter			= "alpha(opacity=0)";
		opacity 		= '0';
	}



	var popupTop = document.createElement('div');
	with(popupTop.style){
		width			= '158px';
		padding			= '8px';
		backgroundColor	= '#FFF';
		border			= '1px solid #000';
	}


	var popupBottom = document.createElement('div');
	with(popupBottom.style){
		paddingLeft = '20px';
		marginTop 	= '-1px';
	}

	var imgBottomTemp = new Image();
	imgBottomTemp.src = ADR_SITE+'img/interface/popup/fleche.gif';
	var imgBottom = document.createElement('img');
	imgBottom.src = imgBottomTemp.src;

	popupBottom.appendChild(imgBottom);

	
	//photo
	var photo_temp = new Image();
	//alert(ADR_SITE+PATH_PHOTO+src_image);
	photo_temp.src = ADR_SITE+PATH_PHOTO+src_image;
	var photo = document.createElement('img');
	photo.src = photo_temp.src;
	with(photo.style){
		background 	= '#0CA2B0';
		padding		= '4px';
		display		= 'block';
	}


	//clear both
	var div_clear = document.createElement('div');
	div_clear.className = 'clearBoth';
	div_clear.setAttribute('class', 'clearBoth');




	popupTop.appendChild(photo);

	popup.appendChild(popupTop);
	popup.appendChild(popupBottom);

	document.body.appendChild(popup);

	popup.onmouseover = function() { onPopupOver() };
	popup.onmouseout = function() { onPopupOut() };

	hideSelectBoxes();
	
	//on affiche le popup
	setProgressivAlpha();
}


/**************************************************
	Affiche et cache les select et les elements flash
**************************************************/

function showSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "visible";
	}
}


function hideSelectBoxes(){
	var selects = document.getElementsByTagName("select");
	for (i = 0; i != selects.length; i++) {
		selects[i].style.visibility = "hidden";
	}
}


function showFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "visible";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "visible";
	}
}


function hideFlash(){
	var flashObjects = document.getElementsByTagName("object");
	for (i = 0; i < flashObjects.length; i++) {
		flashObjects[i].style.visibility = "hidden";
	}

	var flashEmbeds = document.getElementsByTagName("embed");
	for (i = 0; i < flashEmbeds.length; i++) {
		flashEmbeds[i].style.visibility = "hidden";
	}

}