var GB_ROOT_DIR = "http://domainehabrard.preprod.visual-link.fr/templates/1/javascripts/greybox/";

function derouleMenu(item){
	var id = item.substr(item.length-1,1);
	var deroule = "smenu_"+id;
	if(document.getElementById(deroule)){document.getElementById(deroule).style.display = 'block';}
}
function enrouleMenu(item){
	var id = item.substr(item.length-1,1);
	var deroule = "smenu_"+id;
	if(document.getElementById(deroule)){document.getElementById(deroule).style.display = 'none';}
}

function rollIn(item){
	element = document.getElementById(item);
	element.src = element.src.substr(0,element.src.length-4)+"_hover.gif";
}
function rollOut(item){
	element = document.getElementById(item);
	element.src = element.src.substr(0,element.src.length-10)+".gif";
}

function expandCollapseVideo(element,section,total){
	var stock_id = "code_"+section+"_"+element.substr((element.length-1),1);
	if(document.getElementById(stock_id)){
		switch (document.getElementById(stock_id).style.display){
			case "none":
				for(var i=1;i<=total;i++){
					var stock_otherid = "code_"+section+"_"+i;
					document.getElementById(stock_otherid).style.display = "none";
				}
				document.getElementById(stock_id).style.display = "block";
				break;
			case "block":
				document.getElementById(stock_id).style.display = "none";
				break;
			default :
				for(var i=1;i<=total;i++){
					var stock_otherid = "code_"+section+"_"+i;
					document.getElementById(stock_otherid).style.display = "none";
				}
				document.getElementById(stock_id).style.display = "block";
				break;
		}
	}
}

function expandArea(){
	if(document.getElementById("commentContent")){
		if(document.getElementById("commentContent").style.display == "block" || document.getElementById("commentPost").style.display == "block"){
			document.getElementById("commentContent").style.display = "none";
			document.getElementById("commentPost").style.display = "none";
			document.getElementById("commentBtView").className = "view";
			document.getElementById("commentBtPost").className = "post";
		}
		else{
			document.getElementById("commentContent").style.display = "block";
			document.getElementById("commentPost").style.display = "none";
			document.getElementById("commentBtView").className = "view active";
			document.getElementById("commentBtPost").className = "post";
		}
	}
}

function expandComment(){
	if(document.getElementById("commentContent")){
		document.getElementById("commentContent").style.display = "block";
		document.getElementById("commentPost").style.display = "none";
		document.getElementById("commentBtView").className = "view active";
		document.getElementById("commentBtPost").className = "post";
	}
}

function expandPost(){
	if(document.getElementById("commentPost")){
		document.getElementById("commentContent").style.display = "none";
		document.getElementById("commentPost").style.display = "block";
		document.getElementById("commentBtPost").className = "post active";
		document.getElementById("commentBtView").className = "view";
	}
}


Event.observe(window,"load",function(){

	$$('#colCentre input.bouton_add_panier').each(function(el){
		Event.observe(el, 'click', function(){
			if($('cartBlockRight')){
				var element = $('cartBlockRight');
				$('colDroite').scrollTo();
			}
			else{
				var element = $('panier');
				$('panier').scrollTo();
			}
			
			var calcX = element.cumulativeOffset().left - $(el).cumulativeOffset().left;
			var calcY = element.cumulativeOffset().top - $(el).cumulativeOffset().top;
			new Effect.Move($(el),{x:calcX, y:calcY, mode:'absolute', duration:0.5});
			new Effect.Opacity(this,{from:1,to:0,duration:0.5});
			new Effect.Pulsate(element, {pulses:3, duration:1});
		});
	});

});

/* ########## INFO BULLE ########## */
function GetId(id)
{
	return document.getElementById(id);
}

var i=false; // La variable i nous dit si la bulle est visible ou non

function move(e) {
	if(i) {  // Si la bulle est visible, on calcul en temps reel sa position ideale
		if (navigator.appName != "Microsoft Internet Explorer") { // Si on est pas sous IE
			GetId("curseur").style.left = e.pageX + 5 + "px";
			GetId("curseur").style.top = e.pageY + 10 + "px";
		} else { // Modif proposé par TeDeum, merci à lui
			if(document.documentElement.clientWidth > 0) {
				evn = window.event;
				val_x = evn.clientX + document.documentElement.scrollLeft + 5;
				val_y = evn.clientY + document.documentElement.scrollTop + 10;
				
				GetId("curseur").style.left = val_x + "px";
				GetId("curseur").style.top = val_y + "px";
			}
			/*else {
				GetId("curseur").style.left = event.x + document.body.scrollLeft + "px";
				GetId("curseur").style.top = event.y + document.body.scrollTop + "px";
			}*/
		}
	}
}

function montre() {
	if(i==false) {
		GetId("curseur").style.display = "block"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
		i=true;
	}
}
function cache() {
	if(i==true) {
		GetId("curseur").style.display = "none"; // Si la bulle est visible on la cache
		i=false;
	}
}
/* ######## FIN INFO BULLE ######## */