// JavaScript Document

var global_couleur = 'NULL';
var global_aff = '12';
var global_page = 0;
var global_colorloc = 0;
var global_vision = 'NULL';
var global_ref = '';
var global_gam = 'NULL';
var global_mat = 'NULL';
var global_cible = 'NULL';

function changeCouleur(col,id){
	
	global_couleur = col;
	//initPickCol();
	//document.getElementById(id).className= 'pickcol2';
	global_page = 0;
	changeAff(global_aff);
	
	}
	
function changePage(nb){
	
	global_page = nb;
	changeAff(global_aff);

	}
	
function changecoloc(val){
	global_colorloc = val;
	changeAff(global_aff);
	}
	
	
function changecible(val){
	global_cible = val;
	changeAff(global_aff);
	}	
	
	
function changemat(val){
	global_mat = val;
	changeAff(global_aff);
	}	


function changevision(val){
	global_vision = val;
	document.getElementById('MONTURE OPTIQUE').style.backgroundImage = 'none';
	document.getElementById('MONTURE SOLAIRE').style.backgroundImage = 'none';
	global_page = 0;
	document.getElementById(val).style.backgroundImage = 'url(img2/fondbouton.png)';
	changeAff(global_aff);
	}
	

function changeGam(val){
	global_gam = val;
	global_aff = '12';
	global_page = 0;
	global_colorloc = 0;
	global_couleur = 'NULL';
	global_mat = 'NULL';
	document.getElementById('inCible').style.backgroundImage = '';
	document.getElementById('inMat').innerHTML = '';
	document.getElementById('inColor').style.backgroundColor ='';
	document.getElementById('MONTURE OPTIQUE').style.backgroundImage = 'none';
	document.getElementById('MONTURE SOLAIRE').style.backgroundImage = 'none';
	global_vision = 'NULL';
	global_ref = '';
	global_cible = 'NULL';
	changeAff(global_aff);	
	}

function reloadListe(){
	
changeAff(global_aff);

	
	}

function initPickCol(){
/*
	document.getElementById("BLANC").className= 'pickcol';	
	document.getElementById("1").className= 'pickcol';
	document.getElementById("2").className= 'pickcol';
	document.getElementById("3").className= 'pickcol';
	document.getElementById("4").className= 'pickcol';
	document.getElementById("5").className= 'pickcol';
	document.getElementById("6").className= 'pickcol';
	document.getElementById("7").className= 'pickcol';
	document.getElementById("8").className= 'pickcol';
	document.getElementById("9").className= 'pickcol';
	document.getElementById("10").className= 'pickcol';
	document.getElementById("11").className= 'pickcol';

	
*/


	
	}

function changeAff(ref) {
	if ( window.XMLHttpRequest ) {
		// Objet XmlHttpRequest pour les moteurs GECKO
		xhr_objectAL = new XMLHttpRequest();   
	} else if ( window.ActiveXObject ) {
		// Objet XmlHttpRequest pour Internet Explorer
		xhr_objectAL = new ActiveXObject( 'Microsoft.XMLHTTP' );   
	} else {
		// Navigateur non-compatible
		alert( 'Votre navigateur ne supporte pas les objets XMLHTTPRequest...' );   
		return;
	}
	

	
	if (ref==40){
	
	xhr_url= 'affichePhoto2.php';
	}else{
	xhr_url= 'affichePhoto.php';	
	}
	
	global_aff = ref;
		
	data = "s1="+global_couleur+"&s2="+global_page+"&s3="+global_colorloc+"&s4="+global_gam+"&s5="+global_vision+"&s6="+global_cible+"&s7="+global_mat;
	xhr_url += "?"+data;
	
	data      = null;

	
	
	xhr_objectAL.open( 'GET', xhr_url, true );	// On ouvre la requete vers la page désirée

	xhr_objectAL.onreadystatechange = CallBackRequestPhoto;	// On lui donne le pointeur de fonction de retour

	xhr_objectAL.send( null );	// On envoi la requete
	
	
}

function CallBackRequestPhoto() {
	// Sur le retour de la requete, on teste son état
	
	if ( xhr_objectAL.readyState == 4 ) {
		// On injecte notre retour dans la DIV prevue a cet effet
		
		document.getElementById( 'lesphotos' ).innerHTML = xhr_objectAL.responseText;
		affPage();
	}
	
}


function affPage() {
	if ( window.XMLHttpRequest ) {
		// Objet XmlHttpRequest pour les moteurs GECKO
		xhr_object = new XMLHttpRequest();   
	} else if ( window.ActiveXObject ) {
		// Objet XmlHttpRequest pour Internet Explorer
		xhr_object = new ActiveXObject( 'Microsoft.XMLHTTP' );   
	} else {
		// Navigateur non-compatible
		alert( 'Votre navigateur ne supporte pas les objets XMLHTTPRequest...' );   
		return;
	}
	

	

	
	xhr_url= 'affichePage.php';
		
	
	
	data = "s1="+global_couleur+"&s2="+global_aff+"&s3="+global_colorloc+"&s4="+global_page+"&s5="+global_gam+"&s6="+global_vision+"&s7="+global_cible+"&s8="+global_mat;
	xhr_url += "?"+data;
	
	data      = null;

	
	xhr_object.open( 'GET', xhr_url, true );	// On ouvre la requete vers la page désirée

	xhr_object.onreadystatechange = CallBackRequestPage;	// On lui donne le pointeur de fonction de retour

	xhr_object.send( null );	// On envoi la requete
}

function CallBackRequestPage() {
	// Sur le retour de la requete, on teste son état
	
	if ( xhr_object.readyState == 4 ) {
		// On injecte notre retour dans la DIV prevue a cet effet
		
		document.getElementById( 'pageAff' ).innerHTML = xhr_object.responseText;
	}
	
}



function affModele(ref) {
	if ( window.XMLHttpRequest ) {
		// Objet XmlHttpRequest pour les moteurs GECKO
		xhr_object = new XMLHttpRequest();   
	} else if ( window.ActiveXObject ) {
		// Objet XmlHttpRequest pour Internet Explorer
		xhr_object = new ActiveXObject( 'Microsoft.XMLHTTP' );   
	} else {
		// Navigateur non-compatible
		alert( 'Votre navigateur ne supporte pas les objets XMLHTTPRequest...' );   
		return;
	}
	

	

	
	xhr_url= '../MCV/afficheModeleLT.php';
		

	
	
	data = "s1="+ref;
	xhr_url += "?"+data;
	
	data      = null;

	//affiche('wait');
	
	xhr_object.open( 'GET', xhr_url, true );	// On ouvre la requete vers la page désirée

	xhr_object.onreadystatechange = CallBackRequestMod;	// On lui donne le pointeur de fonction de retour

	xhr_object.send( null );	// On envoi la requete
}

function CallBackRequestMod() {
	// Sur le retour de la requete, on teste son état
	
	if ( xhr_object.readyState == 4 ) {
		// On injecte notre retour dans la DIV prevue a cet effet
		//cacheId('wait');
		document.getElementById( 'lesphotos' ).innerHTML = xhr_object.responseText;
	}
	
}

function showlayer(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none" || myLayer.style.display==""){
myLayer.style.display="block";
} else {
myLayer.style.display="none";
}
}