function Surligne_Col_Gauche(value,idsousrubrique) {

	value.style.backgroundImage="url('site/gif/boutiques/common/li_bkg.gif')";
	document.getElementById(idsousrubrique).style.color="#FFFFFF";
}


function Desurligne_Col_Gauche(value,idsousrubrique) {

	value.style.backgroundImage="none";
	document.getElementById(idsousrubrique).style.color="#3E3E3E";

}

//function Deroule_Col_Gauche(id_element) {

//	var value_input=document.getElementById("value_"+id_element).value;
	
//	if(value_input==0) {
//		document.getElementById(id_element).style.display="block";
//		document.getElementById("wht_arrow_"+id_element).style.display="none";
//		document.getElementById("blk_arrow_"+id_element).style.display="block";
//		document.getElementById("value_"+id_element).value="1";
//	} else {
//		document.getElementById(id_element).style.display="none";
//		document.getElementById("blk_arrow_"+id_element).style.display="none";
//		document.getElementById("wht_arrow_"+id_element).style.display="block";
//		document.getElementById("value_"+id_element).value="0";
//	} 

//}


function Deroule_Col_Gauche(id_element) {


	var value_input=document.getElementById("value_"+id_element).value;
	
	if(value_input==0) {

		var element_menu=document.getElementById("conteneur_"+id_element).style;

		document.getElementById("conteneur_"+id_element).style.display="block";

		if(hauteur[id_element]<hauteur_finale[id_element]) {

			if(hauteur[id_element]<((hauteur_finale[id_element]*3)/4)) {
				hauteur[id_element]=hauteur[id_element]+10;
			} else if(hauteur[id_element]<((hauteur_finale[id_element]*7)/8)) {
				hauteur[id_element]=hauteur[id_element]+5;
			} else {
				hauteur[id_element]=hauteur[id_element]+3;
			}

			var txt= hauteur[id_element]+'px';
			element_menu.height = txt;
			setTimeout('Deroule_Col_Gauche("'+id_element+'")', 5);

		} else {

			document.getElementById(id_element).style.display="block";
			document.getElementById("wht_arrow_"+id_element).style.display="none";
			document.getElementById("blk_arrow_"+id_element).style.display="block";
			document.getElementById("value_"+id_element).value="1";
			hauteur[id_element]=hauteur_finale[id_element];

		}

	} else {

		var value_input=document.getElementById("value_"+id_element).value;

		if(value_input==1) {
			document.getElementById(id_element).style.display="none";
			document.getElementById("blk_arrow_"+id_element).style.display="none";
			document.getElementById("wht_arrow_"+id_element).style.display="block";
		}

		var element_menu=document.getElementById("conteneur_"+id_element).style;

		if(hauteur[id_element]>1) {

			if(hauteur[id_element]<((hauteur_finale[id_element]*3)/4)) {
				hauteur[id_element]=hauteur[id_element]-10;
			} else if(hauteur[id_element]<((hauteur_finale[id_element]*7)/8)) {
				hauteur[id_element]=hauteur[id_element]-5;
			} else {
				hauteur[id_element]=hauteur[id_element]-3;
			}

			var txt= hauteur[id_element]+'px';

			if(hauteur[id_element]>0) {
				element_menu.height = txt;
			}

			setTimeout('Deroule_Col_Gauche("'+id_element+'")', 5);

		} else {

			document.getElementById("value_"+id_element).value="0";
			document.getElementById("conteneur_"+id_element).style.display="none";
			hauteur[id_element]=0;

		}

	}

}


function Surligne_Arrow(id_element) {

	var value_input=document.getElementById("value_"+id_element).value;
	
	if(value_input==0) {
		document.getElementById("wht_arrow_"+id_element).style.display="none";
		document.getElementById("blk_arrow_"+id_element).style.display="block";
	} else {
		document.getElementById("blk_arrow_"+id_element).style.display="none";
		document.getElementById("wht_arrow_"+id_element).style.display="block";
	}

}

function Desurligne_Arrow(id_element) {

	var value_input=document.getElementById("value_"+id_element).value;

	if(value_input==0) {
		document.getElementById("blk_arrow_"+id_element).style.display="none";
		document.getElementById("wht_arrow_"+id_element).style.display="block";
	} else {
		document.getElementById("wht_arrow_"+id_element).style.display="none";
		document.getElementById("blk_arrow_"+id_element).style.display="block";
	}

}

function Select_Marque_Col_Gauche(value,boutique,nom_url_boutique) {

	document.location.href="boutique_"+nom_url_boutique+"-b"+boutique+"-p1_"+value+"#cellules";

}

function Surligne_Vignette_Col_Gauche(element) {

	for (i=1; i<6; i++) {
		eval("document.getElementById('vignette_"+i+"').style.visibility='hidden';");
	}
	document.getElementById(element).style.visibility="visible";

}

function Desurligne_Vignette_Col_Gauche(element) {

	document.getElementById(element).style.visibility="hidden";

}