var timert=new Array();
var state=new Array();
state[0]=0;
state[1]=0;
state[2]=0;
state[3]=0;
state[4]=0;

function Navigation(id){
	var element = "NavRub"+id;
	if(state[id] == 0){
		new Effect.Appear(element);
		//new Effect.Move (element,{ x: 0, y: -5, mode: 'relative'});
		state[id] = 1;
	}
	if(state[id] == 1){
		window.clearTimeout(timert[id]);
	}
}

function TimerKill(id){
	window.clearTimeout(timert[id]);	
}

function FadeNav(id){
	//new Effect.Move("NavRub"+id,{ x: 0, y: 5, mode: 'relative'});
	new Effect.Fade("NavRub"+id); 
	state[id]=0;
}

function Timer(id){	
	if (timert[id]) TimerKill(id);
	// LE TEMPS EST PARAMETRÉ A 2 SECONDES
	timert[id] = window.setTimeout("FadeNav("+id+");",500);
	
}


/* FONCTION DE DÉFINITION DES CALQUES */
function NameDiv(id){
	if(document.all){ doc = document.all[id]; }
	if(document.getElementById){ doc = document.getElementById(id);}
	return doc;
}

/* FONCTION D'AFFICHAGE/MASQUAGE DES ELEMENTS */
// id : id de l'élement
// prop : propriété du display (none, block, inline)
function SetObjProp(id, prop, value){ 
	//alert(id);
	NameDiv(id);
	doc.style[prop] = value;
}

/* FONCTION D'AFFECTATION DE CLASSE AUX ELEMENTS */
// id : id de l'élement
// cssName : nom de la classe
function SetObjCss(id, cssName){
	NameDiv(id);
	doc.className=cssName;
}

/* FONCTION DE DIAPORAMA THUMBNAILS */
var nPics = 17;
function ShowDate(id){
	for(i=1; i<nPics; i++){
		if(id == i){
			//alert("I'm in!");
			SetObjCss("btn"+i, "on");
			SetObjProp("date"+i, "display", "block");
			
		}else{
			//alert("I'm in!");
			SetObjCss("btn"+i, "off");
			SetObjProp("date"+i, "display", "none");
			
		}
	}
}
var nPicss = 7;
function ShowRub(id){
	for(i=1; i<nPicss; i++){
		if(id == i){
			//alert("I'm in!");
			SetObjCss("btn"+i, "on");
			SetObjProp("date"+i, "display", "block");
			
		}else{
			//alert("I'm in!");
			SetObjCss("btn"+i, "off");
			SetObjProp("date"+i, "display", "none");
			
		}
	}
}




/* LAYER PRODUITS */
function showLayer(id, width, height){
	resizemask(id, width, height);
	$('Mask').show();
	$(id).show();
}

function hideLayer(id) {
	$('Mask').hide();
	$(id).hide();
}

function getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
	arrayPageSize = new Array(w,h)
	return arrayPageSize;
}

function resizemask(id, width, height){
	var fsize=getPageSize();
	$(id).setStyle({
	  left:(fsize[0]/2-width/2)+"px",
	  top:(fsize[1]/2-height/2)+"px"
	});
	$('Mask').setStyle({
		width:fsize[0]+"px",
		height:fsize[1]+"px"
	});
}

/* POPUP CCL ECUSSON */
function openCCLSite(url) {
	window.open(url, 'CCL', 'width=750, height=450', 'resizable=no');
}