//=============================================

//=============================================

var hideCoord = true;
var browserName=navigator.appName;

/********************************************************************/
function hideLivraison(){
	
	//---------------------------------
	if (hideCoord == true){
		opacity = 0.2;
		hideCoord = false;
	}
	else{
		opacity = 1;
		hideCoord = true;
	}
	
	$(".hide-box-coord").css("background-color","#d9f0f6");
	$(".hide-box-coord").fadeTo(400, opacity);
	
	if (browserName=="Microsoft Internet Explorer"){
		$(".hide-box-ie").fadeTo(400, opacity);
	}

	//----------------------------------
}
//--------------------------------------------------------------



//=============================================
// Fonctions JQuery
$(document).ready(function(){
	
	$(".condition-utilisation").colorbox({iframe:true, width:880, height:'95%'});
	
						   
	$('img.iconeAide').each(function()
	{
		$(this).qtip({
			content: $(this).attr('tooltip'), // Use the tooltip attribute of the element for the content
			style: {
				padding: 5, 
				width: { max: 450 },
				tip: true, // Give it a speech bubble tip with automatic corner detection
				name: 'green' // Style it according to the preset 'cream' style
			},
			position: {
				corner: {
					target: 'bottomLeft',
					tooltip: 'leftBottom'
				},
				target: 'mouse',
				adjust: { mouse: true }
			},
			show: 'mouseover',
			hide: 'mouseout'
		});
	});
	
	
});
//=============================================


//=============================================
function effaceElement(link, message){
		 if(confirm(message)){
		 window.location.href = link;
	 }
}
//=============================================


//=============================================
function ajaxObject(activeLoading, elementChoix){
	var xmlHttp;
	if (activeLoading == true){		
		toggleLoading(true, elementChoix);
	}
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
			}
		}
	}
	return xmlHttp;
}
//=============================================

//=============================================
function ajaxAjouterPanier(idProduit)
{	
	//document.getElementById('ajaxProvince').style.display='none';
	//document.getElementById('ajaxLoadingImage').style.display='block';
	
	xmlHttp = ajaxObject(false, 'nothing');
	xmlHttp.open("POST","ajax/ajax.panier.php",true);
	
	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
		{	
			document.getElementById('messagePanierSucces').style.display='block';
			//document.getElementById('ajaxProvince').style.display='block';
			document.getElementById('objetPanier').innerHTML = xmlHttp.responseText;
			setTimeout('document.getElementById("messagePanierSucces").style.display="none"', 5000);
		}
	}	
	
	quantiteProduit = document.getElementById('quantite').value;
	//shipPays = shipPays.options[shipPays.selectedIndex].value;
	
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttp.send("ajax=1&idProduit="+idProduit+"&quantite="+quantiteProduit);
}
//=============================================

//=============================================
function ajaxAjouterPanierCompte(idProduit)
{	
	//document.getElementById('ajaxProvince').style.display='none';
	//document.getElementById('ajaxLoadingImage').style.display='block';
	
	xmlHttp = ajaxObject(false, 'nothing');
	xmlHttp.open("POST","ajax/ajax.panier.php",true);
	
	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
		{	
			document.getElementById('messagePanierSucces').style.display='block';
			//document.getElementById('ajaxProvince').style.display='block';
			document.getElementById('objetPanier').innerHTML = xmlHttp.responseText;
			setTimeout('document.getElementById("messagePanierSucces").style.display="none"', 5000);
		}
	}	
	
	quantiteProduit = document.getElementById('quantite_'+idProduit).value;
	//shipPays = shipPays.options[shipPays.selectedIndex].value;
	
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttp.send("ajax=1&idProduit="+idProduit+"&quantite="+quantiteProduit);
}
//=============================================

//=============================================
function ajaxAjouterPanierListe(idProduit)
{	
	//document.getElementById('ajaxProvince').style.display='none';
	//document.getElementById('ajaxLoadingImage').style.display='block';
	
	xmlHttp = ajaxObject(false, 'nothing');
	xmlHttp.open("POST","ajax/ajax.panier.php",true);
	
	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
		{	
			document.getElementById('messagePanierSucces_'+idProduit).style.display='block';
			//document.getElementById('ajaxProvince').style.display='block';
			document.getElementById('objetPanier').innerHTML = xmlHttp.responseText;
			setTimeout('document.getElementById("messagePanierSucces_'+idProduit+'").style.display="none"', 5000);
		}
	}	
	
	quantiteProduit = document.getElementById('quantite_'+idProduit).value;
	//shipPays = shipPays.options[shipPays.selectedIndex].value;
	
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttp.send("ajax=1&idProduit="+idProduit+"&quantite="+quantiteProduit);
}
//=============================================

//=============================================
function ajaxChoixAdresse(typeAdresse,value,lang)
{	
	//console.log(typeAdresse);
	
	xmlHttp = ajaxObject(false, 'nothing');
	xmlHttp.open("POST","ajax/ajax.adresse.php",true);
	
	xmlHttp.onreadystatechange = function()
	{
		if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
		{	
			if (typeAdresse == 'livraison') document.getElementById('adresseLivraison').innerHTML = xmlHttp.responseText;
			else document.getElementById('adresseFacturation').innerHTML = xmlHttp.responseText;
		}
	}

	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttp.send("ajax=1&idAdresse="+value+"&lang="+lang);
}
//=============================================

//=============================================
function choixPage(page)
{
	document.getElementById('pageActuel').value = page;
	document.getElementById('formChoixPage').submit();
}
//=============================================

//=============================================
//Réaffectation des champs
function affecteCoordonneExpedition()
{
	document.getElementById('societeExp').value = document.getElementById('societe').value;
	document.getElementById('adresseSocieteExp_1').value = document.getElementById('adresseSociete_1').value;
	document.getElementById('adresseSocieteExp_2').value = document.getElementById('adresseSociete_2').value;
	document.getElementById('villeExp').value = document.getElementById('ville').value;
	document.getElementById('codePostalExp').value = document.getElementById('codePostal').value;
	document.getElementById('telephoneExp_1').value = document.getElementById('telephone_1').value;
	document.getElementById('posteExp_1').value = document.getElementById('poste_1').value;
	document.getElementById('telephoneExp_2').value = document.getElementById('telephone_2').value;
	document.getElementById('posteExp_2').value = document.getElementById('poste_2').value;
	document.getElementById('telecopieurExp').value = document.getElementById('telecopieur').value;
	
	//Vas chercher le html du div de la province choisi
	provinceCourante = document.getElementById('province').childNodes[0].innerHTML;
	
	//Temps que toutes la liste des provinces n'est pas terminé
	for(var i=0; i<document.getElementById('provinceExp').childNodes[3].childNodes.length; i++)
	{
		provinceExpCourante = document.getElementById('provinceExp').childNodes[3].childNodes[i].innerHTML;
		
		//Vérifie si les deux provinces concordes
		if (provinceCourante == provinceExpCourante){
		
			//Si les provinces concordes
			changeSelectedOption(document.getElementById('provinceExp').childNodes[3].childNodes[i], document.getElementById('province').value);
		}		
	}
}
//=============================================

//Fonctions pour faire comprendre les Hover a IE6
function roll(img_name, img_src)
   {
   document[img_name].src = img_src;
   }

//-->
function addHover(elm) {
        elm.style.behavior = " ";
        if (document.all && window.print && /MSIE [56]/.test(navigator.userAgent)) {
                elm.style.behavior = " ";
                elm.onmouseenter = function() {
                    this.className+= ' hover';
                }
                elm.onmouseleave = function() {
                    this.className = this.className.replace(/\bover\b/,"" );
                }
        }
    }
	
//=============================================
	
//Fonction pour les sélects stylisés

function initSelect()
{
	var arrSelects = document.getElementsByTagName("select");
	for (var i=0; i<arrSelects.length; i++)
	{
		var arrClass = arrSelects[i].className.split(" ");
		for (var j=0; j<arrClass.length; j++)
		{
			if (arrClass[j] == "customSelect")
			{
				customSelect(arrSelects[i]);
				i--;
			}
		}
	}
}


function customSelect(objSelect)
{
	var newSelect = document.createElement('div');
	newSelect.className = objSelect.className;
	newSelect.id = objSelect.id;
	newSelect.style.cssText = objSelect.style.cssText;
	newSelect.style.position = "relative";
	var innerSelect = document.createElement('div');
	innerSelect.className = "customSelectText";
	var btSelect = document.createElement('div');
	btSelect.className = "customSelectBtn";
	var hiddenSelect = document.createElement('input');
	hiddenSelect.name = objSelect.name;
	hiddenSelect.id = objSelect.id;
	hiddenSelect.type="hidden";
	var listSelect = document.createElement('div');
	listSelect.className = "customSelectList";
	listSelect.style.display = "none";
	listSelect.style.position = "absolute";
	listSelect.style.zIndex = "1000";
	
	newSelect.appendChild(innerSelect);
	newSelect.appendChild(btSelect);
	newSelect.appendChild(hiddenSelect);
	newSelect.appendChild(listSelect);
	
	// Stocke les options
	for (var i=0; i<objSelect.options.length; i++)
	{
		selectedClass = "";
		if (objSelect.options[i].selected)
		{
			innerSelect.innerHTML = objSelect.options[i].innerHTML;
			hiddenSelect.value = objSelect.options[i].value;
			selectedClass = "customSelectOptionSelected "
		}
		listSelect.innerHTML += "<div class='customSelectOption "+selectedClass+objSelect.options[i].className+"' onclick='changeSelectedOption(this, \""+objSelect.options[i].value+"\")' onmouseover='this.className+=\" customSelectOptionOver\"' onmouseout=\"this.className=this.className.replace(\'customSelectOptionOver\',\'\')\">"+objSelect.options[i].innerHTML+"</div>";
	}
	
	// Si la liste mesure plus de 10 de long, on met une scroll
	if (objSelect.options.length > 10)
	{
		listSelect.style.overflowY = "scroll";
		listSelect.style.overflowX = "hidden";
		listSelect.style.height = "250px";
	}
	
	// Functions
	newSelect.onchange = objSelect.onchange;
	btSelect.onclick = innerSelect.onclick = function(){
		this.parentNode.childNodes[3].style.display = (this.parentNode.childNodes[3].style.display == "block")?"none":"block";
	}
	
	objSelect.parentNode.insertBefore(newSelect, objSelect);
	objSelect.parentNode.removeChild(objSelect);
}


function changeSelectedOption(option, value)
{
	option.parentNode.parentNode.childNodes[2].value = option.parentNode.parentNode.value = value;
	option.parentNode.parentNode.childNodes[0].innerHTML = option.innerHTML;
	
	for(var i=0; i<option.parentNode.childNodes.length; i++)
	{
		
		option.parentNode.childNodes[i].className = option.parentNode.childNodes[i].className.replace('customSelectOptionSelected','');
	}
	
	option.className += " customSelectOptionSelected";
	
	option.parentNode.style.display = "none";
	
	if (option.parentNode.parentNode.onchange)
	{
		option.parentNode.parentNode.onchange();
	}
}