window.addEvent('domready',function() {	
	
	$$(".menu dl").each( function(el){
		var parent = el.getParent();
		if(!parent.hasClass('selected')){
			parent.addEvent('mouseenter', function() { this.addClass('selected'); });
			parent.addEvent('mouseleave', function() { this.removeClass('selected'); });
		}
	});
	
	
});

var BlocScroll = 
{
	scrollTimer:0,
	scrollFx:0,
	
	init:function()
	{
		BlocScroll.ready = true;
		
		if ($$(".scrollable").length == 0) return;
		window.addEvent("scroll", BlocScroll.scrollLeft);
	},
	
	scrollLeft:function(e) 
	{
		if(BlocScroll.scrollTimer != 0) clearInterval(BlocScroll.scrollTimer);
		
		var footer = $$("#footer")[0];
		var bloc = $$(".scrollable")[0];
		
		if (window.getHeight() > bloc.getCoordinates().height + 200) BlocScroll.scrollTimer = setTimeout("BlocScroll.scrollStart()",300);
	},
	
	scrollStart:function() 
	{
	    var body = $$(".body")[0];
		var bloc = $$(".scrollable")[0];
		var maxTween = body.getCoordinates().height - bloc.getCoordinates().height;
		if (!bloc.style.marginTop) bloc.style.marginTop = bloc.getStyle("margin-top");
		var topLeftMargin = bloc.style.marginTop;
		
		if (BlocScroll.scrollFx != 0) BlocScroll.scrollFx.stop();
		BlocScroll.scrollFx = new Fx.Style(bloc,"marginTop").start(topLeftMargin,Math.min(window.getScrollTop(),maxTween));
	},
	
	scrollReset:function()
	{
	    if ($$(".scrollable").length == 0) return;
	    if(BlocScroll.scrollTimer != 0) clearInterval(BlocScroll.scrollTimer);
	    
	    window.removeEvent("scroll", BlocScroll.scrollLeft);
	    	    
	    var bloc = $$(".scrollable")[0];
	    if (!bloc.style.marginTop) bloc.style.marginTop = bloc.getStyle("margin-top");
	    
	    bloc.setStyle("marginTop", "0px");
	}
}
window.addEvent("domready", BlocScroll.init);


/***
EVENT MULTI PLAYER GAMME
***/
var T_clicked = new Array(0,0,0,0,0,0,0,0);
var id_clicked = 0;

function changevideo(id){
	var T_video = ["1-gel_nettoyant.flv", "3-soin_jour.flv", "4-soin_nuit.flv", "2-scrub.flv", "5-lactogelee.flv",  "6-tonique.flv","8-stick.flv","7-concentre.flv"];
	var T_srt = ["gel_nettoyant.srt", "soin_jour.srt", "soin_nuit.srt", "scrub.srt", "lactogelee.srt", "tonique.srt", "stick.srt", "concentre.srt" ];
	if(id_clicked != id){
		T_clicked[id] = 1;
		str = '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="484" HEIGHT="276" id="myMovieName">';
		str += '<PARAM NAME="movie" VALUE="swf/playerGamme.swf">';
		str += '<PARAM NAME="quality" VALUE="high">';
		str += '<PARAM NAME="bgcolor" VALUE="#FFFFFF">';
		str += '<PARAM NAME="FlashVars" VALUE="video='+T_video[id]+'">';
		str += '<EMBED FlashVars="video='+T_video[id]+'&srt='+T_srt[id]+'" src="swf/playerGamme.swf" quality=high bgcolor=#FFFFFF WIDTH="484" HEIGHT="276" NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>';
		$$("#playerListe").setHTML(str);
		id_clicked = id;
		document.getElementById(id).className="clicked";
	}
	for(var i=0;i<8;i++){
		if(i != Number(id_clicked)){
			document.getElementById(String(i)).className="lienProduit";
		}
		
	}
		
}

