function changestyle() {
	document.getElementById('selectstyle').style.display = "block";
	document.getElementById('selectstyle').style.visibility = "visible";
	document.getElementById('chosenstyle').style.display = "none";
	document.getElementById('chosenstyle').style.visibility = "hidden";
}

function getstyle() {
	var image = document.getElementById("modeletape");
	var chemin = document.getElementById("selectstyle");
	document.getElementById('formstyle').value = document.getElementById('selectstyle').value;
	image.src = chemin.value;
	
	//Select Pele mele
	if( document.getElementById('selectstyle').value == 'images/pelemele1.jpg' ){
		
		document.getElementById('contener_select_pelemele').style.display = 'inline';
		
	} else {
		
		document.getElementById('contener_select_pelemele').style.display = 'none';
	}
	
}


function getstylepelemele() {
	var image = document.getElementById("modeletape");
	var chemin = document.getElementById("selectpelemele");
	document.getElementById('formpelemele').value = document.getElementById('selectpelemele').value;
	image.src = chemin.value;	
}


function chargementPanier() {
	jQuery(document).ready(function() {
		jQuery('#headerright').load('../includes/visuelPanier.php');
	});
}

function chargementFormulaireEtape4() {
	jQuery(document).ready(function() {
		jQuery('#conteneurFormulaireEtape4').load('../includes/formetape4.php');
	});
}

function getConditionsGV() {
	if ( document.getElementById('checkConditionsGV').checked == true ) {
		document.getElementById('conteneurPaiement').style.display = "block";
		document.getElementById('conteneurPaiement').style.visibility = "visible";
		
		document.getElementById('btnCommande').style.visibility = "hidden";
		
		alert("Choisissez votre type de carte bancaire ci-dessous :");
		
	}
	else {
		document.getElementById('conteneurPaiement').style.display = "none";
		document.getElementById('conteneurPaiement').style.visibility = "hidden";
		document.getElementById('btnCommande').style.visibility = "visible";
	}
}



function goCommande(){
	if ( document.getElementById('checkConditionsGV').checked == true ) {
		document.getElementById('conteneurPaiement').style.display = "block";
		document.getElementById('conteneurPaiement').style.visibility = "visible";
	}
	else {
		alert("Veuillez accepter les conditions générales de vente. Pour cela, cocher la case correspondante.");
	}	
		
	
}

/**************************************************************/
/* .::. AFFICHAGE DU BOUTON CORRESPODANT AU STYLE CHOISI .::. */
/**************************************************************/

function changeButton() {
	// SI LA GALERIE XALART EST SELECTIONNEE
	if ( document.getElementById('selectstyle').value == "images/3.png" ) {
		// ON AFFICHE LE BOUTON CORRESPONDANT
		document.getElementById('telecharger2').style.display = "block";
		document.getElementById('telecharger2').style.margin = "0 auto";
		document.getElementById('telecharger2').style.visibility = "visible";
		document.getElementById('telecharger2').style.marginBottom = "15px";
		// ON MASQUE L'EXEMPLE ET L'AUTRE BOUTON
		document.getElementById('telecharger0').style.display = "none";
		document.getElementById('telecharger1').style.display = "none";
		document.getElementById('telecharger0').style.visibility = "hidden";
		document.getElementById('telecharger1').style.visibility = "hidden";
	}
	// SINON, POUR TOILE ET PELE-MELE
	else {
		// ON AFFICHE LE BOUTON CORRESPONDANT
		document.getElementById('telecharger1').style.display = "block";
		document.getElementById('telecharger1').style.margin = "0 auto";
		document.getElementById('telecharger1').style.visibility = "visible";
		document.getElementById('telecharger1').style.marginBottom = "15px";
		// ON MASQUE L'EXEMPLE ET L'AUTRE BOUTON
		document.getElementById('telecharger0').style.display = "none";
		document.getElementById('telecharger2').style.display = "none";
		document.getElementById('telecharger0').style.visibility = "hidden";
		document.getElementById('telecharger2').style.visibility = "hidden";
	}
}

/********************************/
/* .::. CHANGEMENT D'ETAPE .::. */
/********************************/

function changetheme2() {
	document.getElementById('recoveretape2').style.zIndex = -20;
	document.getElementById('recoveretape1').style.zIndex = 5000;
	document.getElementById('recoveretape2').style.background = "none";
	document.getElementById('recoveretape1').style.background = "url('../images/shadow1.png')";
}

function changetheme3() {
	document.getElementById('recoveretape3').style.zIndex = -20;
	document.getElementById('recoveretape2').style.zIndex = 5000;
	document.getElementById('recoveretape3').style.background = "none";
	document.getElementById('recoveretape2').style.background = "url('../images/shadow1.png')";
}

/*************************************/
/* .::. RETOUR ETAPE PRECEDENTE .::. */
/*************************************/

function backetape1() {
	document.getElementById('recoveretape1').style.zIndex = -20;
	document.getElementById('recoveretape2').style.zIndex = 5000;
	document.getElementById('recoveretape1').style.background = "none";
	document.getElementById('recoveretape2').style.background = "url('../images/shadow1.png')";
}

function backetape2() {
	document.getElementById('recoveretape2').style.zIndex = -20;
	document.getElementById('recoveretape3').style.zIndex = 5000;
	document.getElementById('recoveretape2').style.background = "none";
	document.getElementById('recoveretape3').style.background = "url('../images/shadow1.png')";
}

function backetape3() {
	document.getElementById('recoveretape3').style.zIndex = -20;
	document.getElementById('recoveretape4').style.zIndex = 5000;
	document.getElementById('recoveretape3').style.background = "none";
	document.getElementById('recoveretape4').style.background = "url('../images/shadow1.png')";
}

/********************/
/* .::. AUTRES .::. */
/********************/

function recoverlivraison() {
	if ( document.getElementById('adresselivraison').checked == true ) {
		document.getElementById('formright').style.zIndex = -20;
		document.getElementById('recoverlivraison').style.zIndex = 5000;
		document.getElementById('recoverlivraison').style.background = "url('../images/recover.png')";
	}
	else 
	{
		document.getElementById('formright').style.zIndex = 5000;
		document.getElementById('recoverlivraison').style.zIndex = -20;
		document.getElementById('recoverlivraison').style.background = "none";
	}
}

function fillcivilite() {
	document.getElementById('civiliteLivraison').selectedIndex = document.getElementById('civilite').selectedIndex;
}

function fillform() {
	document.getElementById('txtNomLivraison').value = document.getElementById('txtNom').value;
	document.getElementById('txtPrenomLivraison').value = document.getElementById('txtPrenom').value;
	document.getElementById('txtAdresseLivraison').value = document.getElementById('txtAdresse').value;
	document.getElementById('txtCodepostalLivraison').value = document.getElementById('txtCodepostal').value;
	document.getElementById('txtVilleLivraison').value = document.getElementById('txtVille').value;
}

function getIdformat() {
	document.getElementById('txtIdFormat').value = document.getElementById('selectformat').value;
}

/*********************************/
/* RECUPERATION DU STYLE EN AJAX */
/*********************************/

function myStyle() {
	if ( document.getElementById('selectstyle').value != "images/0.jpg" ) {
		changetheme2();
		$("#temp").empty();
		document.getElementById('temp').style.display = "none";
		var formstyle = document.getElementById('formstyle').value;
		var formpelemele = document.getElementById('formpelemele').value;
		var OAjaxStyle;
		if (window.XMLHttpRequest) OAjaxStyle = new XMLHttpRequest();
		else if (window.ActiveXObject) OAjaxStyle = new ActiveXObject('Microsoft.XMLHTTP');
		OAjaxStyle.open('POST',"../fonctionAfficherDimensions.php",true);
		OAjaxStyle.onreadystatechange = function() {
			if (OAjaxStyle.readyState == 4 && OAjaxStyle.status == 200) {
				if (document.getElementById) {   
					if (OAjaxStyle.responseText == 'true') {
						document.getElementById('formatchoisi').innerHTML=OAjaxStyle.responseText;
					}
					else {
						document.getElementById('formatchoisi').innerHTML=OAjaxStyle.responseText;
					}
				}		
			}
		}
		OAjaxStyle.setRequestHeader('Content-type','application/x-www-form-urlencoded');
		OAjaxStyle.send('&formstyle='+formstyle+'&formpelemele='+formpelemele);
	}
	else alert("Sélectionnez le style dans la liste");
}

/*********************************************************************/
/* .::. RECUPERATION DES DIMENSIONS ET DE L'ORIENTATION EN AJAX .::. */
/*********************************************************************/

function getDimensions() {
	if (document.getElementById('selectformat').value != "Choisissez...") {
		if ( document.getElementById('form2').orientation[0].checked == true || document.getElementById('form2').orientation[1].checked == true ) { 
			changetheme3();
			changeButton();
			
			var txtIdFormat = document.getElementById('txtIdFormat').value;
			var txtPeleMele = "";
			if( document.getElementById('txtIdpelemele') )
				txtPeleMele = document.getElementById('txtIdpelemele').value;
			
			// SELECTION DE LA VALEUR COCHEE
			if ( document.getElementById('form2').orientation[0].checked == true ) {
				var orientation = document.getElementById('form2').orientation[0].value;
			}
			
			if ( document.getElementById('form2').orientation[0].checked == false ) {
				var orientation = document.getElementById('form2').orientation[1].value;
			}
			var OAjaxDimensions;
			if (window.XMLHttpRequest) OAjaxDimensions = new XMLHttpRequest();
			else if (window.ActiveXObject) OAjaxDimensions = new ActiveXObject('Microsoft.XMLHTTP');
			OAjaxDimensions.open('POST',"../fonctionAfficherInformations.php",true);
			OAjaxDimensions.onreadystatechange = function() {
				if (OAjaxDimensions.readyState == 4 && OAjaxDimensions.status == 200) {
					if (document.getElementById) {   
						if (OAjaxDimensions.responseText == 'true') {
							document.getElementById('typeorientation').innerHTML=OAjaxDimensions.responseText;
						}
						else {
							document.getElementById('typeorientation').innerHTML=OAjaxDimensions.responseText;
						}
					}		
				}
			}
			OAjaxDimensions.setRequestHeader('Content-type','application/x-www-form-urlencoded');
			var data = 'txtIdFormat='+txtIdFormat+'&orientation='+orientation+'&pelemele='+txtPeleMele;
			OAjaxDimensions.send(data);
		}
		else alert("Sélectionnez l'orientation, portrait ou paysage");
	}
	else alert("Sélectionnez le format dans la liste");
}

/*******************************************************/
/* .::. RECUPERATION DU NOM DU FICHIER DE L'IMAGE .::. */
/*******************************************************/

// RECUPERATION DE L'ID DE L'IMAGE SELECTIONNEE DANS UN IDENTIFIANT UNIQUE
function fillIdVignette() {
	var boutonsRadio = document.getElementsByName("idVignette");
	for ( var i=0; i < boutonsRadio.length; i++ ) {
		if ( boutonsRadio[i].checked ) {
			document.getElementById('identifiantImage').value = boutonsRadio[i].value;
		}
	}
}

function popupcentree(page,largeur,hauteur,options) {
	var top = (screen.height-hauteur)/2;
	var left = (screen.width-largeur)/2;
	window.open(page, "", "top="+top+", left="+left+", width="+largeur+", height="+hauteur+", "+options);
}