var etatpicto=Array();
for($i=1;$i<=12;$i++){
	etatpicto[$i]=0;
}


function verif_compat(id,mark,model) {

new Ajax.Updater('verifcomp', '/ajax/verifCompatible.php?id='+id+'&model='+model+'&marq='+mark, {method:'get'});
}



function montre_divmodele() {
	new Ajax.Updater('Layer_panier', '/ajax/div_modele.php', {method:'get'});
	document.getElementById('Layer_panier').style.display='block';
	document.getElementById('Layer_panier').style.visibility='visible';
	try {document.getElementById('Layer_panier2').style.display='block';
	document.getElementById('Layer_panier2').style.visibility='visible';
	} catch (err) {}
	try {document.getElementById('Layer_panier3').style.display='block';
	document.getElementById('Layer_panier3').style.visibility='visible';
	} catch (err) {}
}

function montre_divmodele_panier() {
	new Ajax.Updater('Layer_panier', '/ajax/div_modele_panier.php', {method:'get'});
	document.getElementById('Layer_panier').style.display='block';
	document.getElementById('Layer_panier').style.visibility='visible';
	try {document.getElementById('Layer_panier2').style.display='block';
	document.getElementById('Layer_panier2').style.visibility='visible';
	} catch (err) {}
	try {document.getElementById('Layer_panier3').style.display='block';
	document.getElementById('Layer_panier3').style.visibility='visible';
	} catch (err) {}
}

function montre_divmodele2() {
	new Ajax.Updater('Layer_panier', '/ajax/div_modele_test.php', {method:'get'});
	document.getElementById('Layer_panier').style.display='block';
	document.getElementById('Layer_panier').style.visibility='visible';
	try {document.getElementById('Layer_panier2').style.display='block';
	document.getElementById('Layer_panier2').style.visibility='visible';
	} catch (err) {}
	try {document.getElementById('Layer_panier3').style.display='block';
	document.getElementById('Layer_panier3').style.visibility='visible';
	} catch (err) {}
}

function montre_divmodele3() {
	new Ajax.Updater('Layer_panier', '/ajax/div_moteur_test.php', {method:'get'});
	document.getElementById('Layer_panier').style.display='block';
	document.getElementById('Layer_panier').style.visibility='visible';
	try {document.getElementById('Layer_panier2').style.display='block';
	document.getElementById('Layer_panier2').style.visibility='visible';
	} catch (err) {}
	try {document.getElementById('Layer_panier3').style.display='block';
	document.getElementById('Layer_panier3').style.visibility='visible';
	} catch (err) {}
}



function montre_divcache() {
	new Ajax.Updater('Layer_panier', '/ajax/div_coffre.php', {method:'get'});
	document.getElementById('Layer_panier').style.display='block';
	document.getElementById('Layer_panier').style.visibility='visible';
	try {document.getElementById('Layer_panier2').style.display='block';
	document.getElementById('Layer_panier2').style.visibility='visible';
	} catch (err) {}
	try {document.getElementById('Layer_panier3').style.display='block';
	document.getElementById('Layer_panier3').style.visibility='visible';
	} catch (err) {}
}


function montre_marque2(id) {

new Ajax.Updater('model', '/ajax/modeles3.php?marque='+id, {method:'get'});
}


function montre_marque(id) {

new Ajax.Updater('td_modele', '/ajax/modeles.php?marque='+id, {method:'get'});
new Ajax.Updater('carosserie', '/ajax/caross.php?modele=0', {method:'get'});
new Ajax.Updater('annee', '/ajax/annee.php?car=0&mod=0', {method:'get'});
new Ajax.Updater('barres_td', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact').style.display='block';
 document.getElementById('rech').style.display='none';
}

function montre_marque_test(id) {

new Ajax.Updater('td_modele2', '/ajax/modeles_test.php?marque='+id, {method:'get'});
//new Ajax.Updater('carosserie2', '/ajax/caross.php?modele=0', {method:'get'});
//new Ajax.Updater('annee2', '/ajax/annee.php?car=0&mod=0', {method:'get'});
//new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
//document.getElementById('rech_inact2').style.display='block';
// document.getElementById('rech2').style.display='none';
}

function montre_caross(id) {

new Ajax.Updater('carosserie', '/ajax/caross.php?modele='+id, {method:'get'});
new Ajax.Updater('annee', '/ajax/annee.php?car=0&mod=0', {method:'get'});
new Ajax.Updater('barres_td', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact').style.display='block';
 document.getElementById('rech').style.display='none';
}

function montre_annee(id,idmod) {
	if(id!="Carosserie"){
		new Ajax.Updater('annee', '/ajax/annee.php?car='+id+'&mod='+idmod, {method:'get'});
		new Ajax.Updater('barres_td', '/ajax/barres.php?id=0', {method:'get'});
		document.getElementById('rech_inact').style.display='block';
		 document.getElementById('rech').style.display='none';
	} else {
		alert('Veuillez sélectionner la carosserie de votre véhicule');
	}
}

function montre_barres(id,fourni) {
	if(document.getElementById('modele').value!="Modèle" && document.getElementById('carosserie').value!="Carosserie"){
		new Ajax.Updater('barres_td', '/ajax/barres.php?id='+id+'&fourni='+fourni, {method:'get', onComplete:actual});
		document.getElementById('rech').style.display='none';
		document.getElementById('rech_inact').style.display='block';
		new Ajax.Updater('nom_vehic', '/ajax/nom_vehicule.php?marque='+document.getElementById('marque').value+'&modele='+document.getElementById('modele').value+'&caross='+document.getElementById('carosserie').value, {method:'get'});
	}
}

function montre_marque3(id) {

new Ajax.Updater('td_modele2', '/ajax/modeles2.php?marque='+id, {method:'get'});
new Ajax.Updater('carosserie2', '/ajax/caross.php?modele=0', {method:'get'});
new Ajax.Updater('annee2', '/ajax/annee.php?car=0&mod=0', {method:'get'});
new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact2').style.display='block';
 document.getElementById('rech2').style.display='none';
}

function montre_marque4(id) {

new Ajax.Updater('td_modele2', '/ajax/modeles_test.php?marque='+id, {method:'get'});
//new Ajax.Updater('carosserie2', '/ajax/caross.php?modele=0', {method:'get'});
//new Ajax.Updater('annee2', '/ajax/annee.php?car=0&mod=0', {method:'get'});
new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact2').style.display='block';
 document.getElementById('rech2').style.display='none';
}

function montre_marque5(id) {

new Ajax.Updater('td_modele2', '/ajax/modeles_moteurs_test.php?marque='+id, {method:'get'});
//new Ajax.Updater('carosserie2', '/ajax/caross.php?modele=0', {method:'get'});
//new Ajax.Updater('annee2', '/ajax/annee.php?car=0&mod=0', {method:'get'});
//new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact2').style.display='block';
 document.getElementById('rech2').style.display='none';
}

function montre_caross2(id) {

new Ajax.Updater('carosserie2', '/ajax/caross.php?modele='+id, {method:'get'});
new Ajax.Updater('annee2', '/ajax/annee.php?car=0&mod=0', {method:'get'});
new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
document.getElementById('rech_inact2').style.display='block';
 document.getElementById('rech2').style.display='none';
}

function montre_annee2(id,idmod) {
	if(id!="Carosserie"){
		new Ajax.Updater('annee2', '/ajax/annee.php?car='+id+'&mod='+idmod, {method:'get'});
		new Ajax.Updater('barres_td2', '/ajax/barres.php?id=0', {method:'get'});
		document.getElementById('rech_inact2').style.display='block';
		document.getElementById('rech2').style.display='none';
	} else {
		alert('Veuillez sélectionner la carosserie de votre véhicule');
	}
}

function montre_barres2(id) {
	if(document.getElementById('modele2').value!="Modèle" && document.getElementById('carosserie2').value!="Carosserie"){
		new Ajax.Updater('barres_td2', '/ajax/barres2.php?id='+id+'&fourni=0', {method:'get', onComplete:actual2});
	 	document.getElementById('rech2').style.display='none';
	 	document.getElementById('rech_inact2').style.display='block';
	  	new Ajax.Updater('nom_vehic', '/ajax/nom_vehicule.php?marque='+document.getElementById('marque2').value+'&modele='+document.getElementById('modele2').value+'&caross='+document.getElementById('carosserie2').value, {method:'get'});
	}
}

function montre_moteur(id) {
alert ('coucou');
new Ajax.Updater('barres_td2', '/ajax/moteurs_test.php?idv='+id+'&fourni=0', {method:'get', onComplete:actual2});
 document.getElementById('rech2').style.display='none';
 document.getElementById('rech_inact2').style.display='block';
//  new Ajax.Updater('nom_vehic', '/ajax/nom_vehicule.php?marque='+document.getElementById('marque2').value+'&modele='+document.getElementById('modele2').value+'&caross='+document.getElementById('carosserie2').value, {method:'get'});
}

function montre_barres_test(id) {

new Ajax.Updater('barres_td2', '/ajax/barres_test.php?id='+id+'&fourni=0', {method:'get', onComplete:actual2});
 document.getElementById('rech2').style.display='none';
 document.getElementById('rech_inact2').style.display='block';
//  new Ajax.Updater('nom_vehic', '/ajax/nom_vehicule.php?marque='+document.getElementById('marque2').value+'&modele='+document.getElementById('modele2').value+'&caross='+document.getElementById('carosserie2').value, {method:'get'});
 

}

function actual(){
if (document.getElementById('annee').value!='' && document.getElementById('annee').value>0) {	change_visible(document.getElementById('barres').value);
}
	}
function actual2(){
	if (document.getElementById('annee2').value!='' && document.getElementById('annee2').value>0) {change_visible2(document.getElementById('barres2').value);
	}
	}

function change_visible(id) {
	if (id!='') {
document.getElementById('rech').style.display='block';
 document.getElementById('rech_inact').style.display='none';} else { document.getElementById('rech').style.display='none';
 document.getElementById('rech_inact').style.display='block';}
	}
	
function change_visible2(id) {
	if (id!='' && id>0) {
document.getElementById('rech2').style.display='block';
 document.getElementById('rech_inact2').style.display='none';} else { document.getElementById('rech2').style.display='none';
 document.getElementById('rech_inact2').style.display='block';}
	}
function montre_recherche(id, lancementPage) {
	if(document.getElementById('marque').value!="" && document.getElementById('modele').value!="" && document.getElementById('carosserie').value!="" && document.getElementById('annee').value!=""){
		new Ajax.Updater('onglet7', '/ajax/recherche_barres.php?marque='+document.getElementById('marque').value+'&id='+id+'&modele='+document.getElementById('modele').value+'&carosserie='+document.getElementById('carosserie').value+'&annee='+document.getElementById('annee').value+'&barres='+document.getElementById('barres').value, {method:'get'});
 		document.getElementById('onglet7').style.display='block';
 		document.getElementById('onglet6').style.display='none';
	} else if(!lancementPage) {
		alert("Vous n'avez pas renseigné toutes les informations relatives à votre véhicule");
	}
}

function montre_recherche2() {
	new Effect.Fade('contenu', { duration: 0.3 });
new Ajax.Updater('contenu', '/ajax/recherche_packs.php?marque='+document.getElementById('marque2').value+'&modele='+document.getElementById('modele2').value+'&carosserie='+document.getElementById('carosserie2').value+'&annee='+document.getElementById('annee2').value+'&barres='+document.getElementById('barres2').value, {method:'get', onComplete:insertPage ,  onLoading:affichLoader()});
document.getElementById('Layer_panier').innerHTML='';
document.getElementById('Layer_panier').style.display='none';
document.getElementById('Layer_panier').style.visibility='hidden';
 
 //document.getElementById('onglet7').style.display='block';
}

function montre_recherche_panier() {
	location.href='/rewrite/liste-pack.php?marque='+document.getElementById('marque2').value+'&modele='+document.getElementById('modele2').value+'&carosserie='+document.getElementById('carosserie2').value+'&annee='+document.getElementById('annee2').value+'&barres='+document.getElementById('barres2').value;
}

function montre_recherche3() {
	
document.location="/coffre-de-toit-"+document.getElementById('marquenom').value+"-"+document.getElementById('modelenom').value+"-m"+document.getElementById('marque').value+'m'+document.getElementById('modele').value+'c'+document.getElementById('carosserie').value+'a'+document.getElementById('annee').value+'b'+document.getElementById('barres').value+'.php';
 
 //document.getElementById('onglet7').style.display='block';
}

function montre_div2(idDiv){
	document.getElementById(idDiv).style.display='block';
	document.getElementById(idDiv).style.visibility='visible';	
}

function cache_div2(idDiv){
	document.getElementById(idDiv).style.display='none';
	document.getElementById(idDiv).style.visibility='hidden';	
}

function montre_div(idDiv,tab){
	var div = document.getElementsByTagName("div"); 
	var efface=1;
	for(var i=0;i<div.length;i++){
		if(!tab){
			div[i].style.display='none';
			div[i].style.visibility='hidden';	
		}else{
			efface=1;
			for(var j=0;j<tab.length;j++){
				if(tab[j]==div[i].id){					
					efface=0;
				}
			}
			if(efface==1){
				div[i].style.display='none';
				div[i].style.visibility='hidden';
			}
		}
	}
	document.getElementById(idDiv).style.display='block';
	document.getElementById(idDiv).style.visibility='visible';	
}
	
function cache_div(tab){
	var div = document.getElementsByTagName("div"); 
	var efface=1;
	for(var i=0;i<div.length;i++){
		if(!tab){
			div[i].style.display='none';
			div[i].style.visibility='hidden';
		}else{
			efface=1;
			for(var j=0;j<tab.length;j++){
				if(tab[j]==div[i].id){
						efface=0;
				}
			}
			if(efface==1){
				div[i].style.display='none';
				div[i].style.visibility='hidden';
			}
		}
	}
}

function montre_onglet(idOnglet){
	document.getElementById('Onglet').style.display='block';
	if(idOnglet=='Onglet1'){
		document.getElementById('Onglet2').style.display='none';
		document.getElementById('Onglet1').style.display='block';	
	}else{
		document.getElementById('Onglet1').style.display='none';
		document.getElementById('Onglet2').style.display='block';
	}
}

function affiche_onglet(onglet){
	try {document.getElementById('onglet7').innerHTML='';} catch (err) {}
	for(i=1;i<=7;i++){
		if('onglet'+i==onglet){
			document.getElementById('onglet'+i).style.display='block';
		} else {
			try {
				document.getElementById('onglet'+i).style.display='none';
			} catch (err) {}
		}
	}
}

function change_class(onglet){
	for(i=1;i<=5;i++){
		if('td_onglet'+i==onglet){
			document.getElementById('td_onglet'+i).className='td_onglet_on';
		} else {
			if(document.getElementById('td_onglet'+i)){
				document.getElementById('td_onglet'+i).className='td_onglet_off';
			}
		}
	}
}


function change_class2(onglet){
	for(i=1;i<=5;i++){
		if('td_onglet'+i==onglet){
			document.getElementById('td_onglet'+i).className='onglet_detail_on';
		} else {
			try {
				document.getElementById('td_onglet'+i).className='onglet_detail';
			} catch (err) {}
		}
	}
	
	if (onglet=='-1') {document.getElementById('td_souligne').className='border_bas_orange';} else {document.getElementById('td_souligne').className='border_bas_coul1';}
	
	if (onglet=='-1') {document.getElementById('td_souligne2').className='fd_pack_orange';} else {document.getElementById('td_souligne2').className='fd_pack';}
	
	
}

function updatePicto(num,ligne){
	etatpicto[ligne]=num;
	switch(ligne){
		case 1:
			document.temoignage.note1.value=num;
		break;
		case 2:
			document.temoignage.note2.value=num;
		break;
		case 3:
			document.temoignage.note3.value=num;
		break;
		case 4:
			document.temoignage.note4.value=num;
		break;
		case 6:
			document.temoignage.note6.value=num;
		break;
		case 7:
			document.temoignage.produitnote7.value=num;
		break;
		case 8:
			document.temoignage.produitnote8.value=num;
		break;
		case 9:
			document.temoignage.produitnote9.value=num;
		break;
		case 10:
			document.temoignage.produitnote10.value=num;
		break;
	}
	
	for(i=1;i<=num;i++){
		document.getElementById('picto'+ligne+i).src='/charte/liste-detail/etoile_on.gif';
	}
	for(i=num+1;i<=4;i++){
		document.getElementById('picto'+ligne+i).src='/charte/liste-detail/etoile_off.gif';
	}
}

function affichePicto(num,ligne){
	for(i=1;i<=num;i++){
		if(i>etatpicto[ligne]){
			document.getElementById('picto'+ligne+i).src='/charte/liste-detail/etoile_on.gif';
		}
	}
}

function cachePicto(ligne){
		for(i=etatpicto[ligne]+1;i<=4;i++){
			document.getElementById('picto'+ligne+i).src='/charte/liste-detail/etoile_off.gif';
		}
}

function affiche_suite(){
	document.getElementById('points').style.display='none';
	document.getElementById('textesuite').style.display='inline';
}