var isIE6 = (navigator.userAgent.indexOf('MSIE 6') != -1)? true : false;
var isIE7 = (navigator.userAgent.indexOf('MSIE 7') != -1)? true : false;

var IE6Hack = Class.create({
	
	initialize: function () {
		this.IE6 = (navigator.appVersion.indexOf("MSIE 6")!=-1) ?true :false;
	},
	
	pngFix: function (pixGifUrl) {
		if (this.IE6) {
			for (var i=0;i<document.images.length;i++) {
				var imgs = document.images[i];
				this.pngFixItem(pixGifUrl,imgs);
				imgs.style.visibility = "visible";
			}
		}
	},
	
	pngFixItem: function (pixGifUrl,img) {
		if (this.IE6) {
			if (img.src.substring(img.src.length-3,img.src.length)=="png") {
				img.style.height = img.style.width = "";
				img.style.height = img.offsetHeight + "px"; img.style.width = img.offsetWidth + "px";
				img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + img.src + ",sizingMethod='scale')";
				img.src = pixGifUrl;
			}
		}
	},
	
	pngFixRoll: function (img) {
		if (this.IE6) {
			Event.observe(img,"mouseover",this.pngRoll.bindAsEventListener(this,0,1));
			Event.observe(img,"mouseout",this.pngRoll.bindAsEventListener(this,1,0));
		}
	},
	
	pngRoll: function (e,toReplace,replaceBy) {
		Event.element(e).style.filter = Event.element(e).style.filter.replace("-"+toReplace+".png","-"+replaceBy+".png");
	},
	
	fixLayerWithFrame: function (o,frameName,params) {
		if(this.IE6&&$(frameName)){
			$(frameName).parentNode.removeChild($(frameName));
		}
		
		if (this.IE6&&!$(frameName)) {
			var create = document.createElement('iframe');
			var e = o.appendChild(create);
			e.id = frameName;
			Element.setStyle(e,{
				position: 'absolute',
				top: (params.top) ?params.top+'px' :o.offsetTop+'px',
				left: (params.left) ?params.left+'px' :o.offsetLeft+'px',
				width: (params.width) ?params.width+'px' :o.offsetWidth+'px',
				height: (params.height) ?params.height+'px' :o.offsetHeight+'px',
				filter: 'alpha(opacity=0);',
				border: '10px',
				zIndex: -20
			});			
		}
	}

});

var urlPixGif = '/static/images/pix.gif';
var myIE6Hack = new IE6Hack();

var popInfosCloseTime = 2000;
var subMenuInit = -1;
// MENU DROITE  ///////////////////////////////////////////////////////////////////



function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}


// MENU TOP SWAP IMAGES ///////////////////////////////////////////////////////////////////////////

<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->


// MENU TOP & LAYERS ///////////////////////////////////////////////////////////////////



var w3c = document.getElementById ? true : false;
var iex = document.all ? true : false;
var ns4 = document.layers ? true : false;

function fixNetscape(){
	if(origWidth != window.innerWidth || origHeight != window.innerHeight){
		window.location.reload();
	}	
}
if(ns4){
	origWidth = window.innerWidth;
	origHeight = window.innerHeight;
	window.onresize = fixNetscape;
}
function newImage(src){
	img = new Image();
	img.src = src;
	return img;
}
function imageSwap(img,obj,div){
	if(ns4 && div != null){
		document.layers[div].document.images[img].src = obj.src;
	}else{
		document.images[img].src = obj.src;
	}
}
function getStyle(name, nest){
	nest = nest ? 'document.'+nest+'.' : '';
	return w3c ? document.getElementById(name).style : iex ? document.all[name].style : ns4 ? eval(nest+'document.'+name) : false;
}

// ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

Menus = new Object();
var curMenu = null;

MakeMenu = function(name,left,top,rollimg,rollout,rollover,rolldiv){
	this.name = name;
	this.left = left;
	this.top = top;
	this.timer = null;
	this.rollimg = rollimg;
	this.rollout = newImage(rollout);
	this.rollover = newImage(rollover);
	this.rolldiv = (rolldiv != null) ? rolldiv : null;
	this.obj = name+'Object';
	eval(this.obj+'=this');
}
MakeMenu.prototype.show = function(){
	clearTimeout(this.timer);
	getStyle(this.name).visibility = 'visible';
	imageSwap(this.rollimg,this.rollover,this.rolldiv);
	curMenu = this.name;
	if (this.w&&this.h) {
		PI_rescueFrame($(this.name),0,this.w,this.h);
	}
	else {
		PI_rescueFrame($(this.name),0);
	}
}
MakeMenu.prototype.hide = function(){
	this.timer = setTimeout(this.obj+'.hideIt()',50);
}
MakeMenu.prototype.hide2 = function(){
	this.timer = setTimeout(this.obj+'.hideIt()',50);
}
MakeMenu.prototype.hideIt = function(){
	getStyle(this.name).visibility = 'hidden';
	imageSwap(this.rollimg,this.rollout,this.rolldiv);
}
MakeMenu.prototype.startMenu = function(){
	var html;
	if(ns4){
		html = '<layer name="'+this.name+'" left="'+this.left+'" top="'+this.top+'" z-index="2000" visibility="hidden" ';
	}else{

		html = '<div id="'+this.name+'" style="position:relative; left:'+this.left+'px; top:'+this.top+'px; z-index:2000; visibility:hidden" ';
	}
	html += 'onMouseOver="Menus.'+this.name+'.show()" onMouseOut="Menus.'+this.name+'.hide()">';
	return html;
}
hideCur = function(){
	if(curMenu != null){
		Menus[curMenu].hideIt();
		curMenu = null;
	}
}
endMenu = function(){
	 return ns4 ? '<\/layer>' : '<\/div>';
}
createMenu = function(name,left,top,rollimg,rollout,rollover,rolldiv){
	Menus[name] = new MakeMenu(name,left,top,rollimg,rollout,rollover,rolldiv);
}
createLayer = function(name,left,top){
	Layer[name] = new MakeMenu(name,left,top);
}
// ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

Layers = new Object();
var curLayer = null;
var openZoom;

MakeLayer = function(name,left,top){
	this.name = name;
	this.left = left;
	this.top = top;
	this.timer = null;
	this.obj = name+'Object';
	eval(this.obj+'=this');
}
MakeLayer.prototype.show = function(){
	clearTimeout(this.timer);
	getStyle(this.name).visibility = 'visible';
	getStyle(this.name).display = 'block';
                
	var imgFix = $(this.name).getElementsByTagName('img');
	if (imgFix.length>0) {
		for (var i=0;i<imgFix.length;i++) {
			myIE6Hack.pngFixItem(urlPixGif,imgFix[i]);       
		}
	}
	curLayer = this.name;

	if (openZoom&&openZoom!=this) {
		openZoom.hideIt();       
	}
	openZoom = this;

	if (this.w&&this.h) {
		PI_rescueFrame($(this.name),0,this.w,this.h);
	}
	else {
		PI_rescueFrame($(this.name),0);
	}

	var nameLayer = this.name;
	Event.observe(document, "mouseup", function(){ 
		Layers[nameLayer].hide();
		Event.stopObserving(document,"mouseup");
		}
	);
}

MakeLayer.prototype.hide = function(){
	this.timer = setTimeout(this.obj+'.hideIt()',50);
}
MakeLayer.prototype.hideIt = function(){
	getStyle(this.name).visibility = 'hidden';
	getStyle(this.name).display = 'none';
}
MakeLayer.prototype.startLayer = function(w,h){
	this.w = w;
	this.h = h;
	var html;
	if(ns4){
		html = '<layer name="'+this.name+'" left="'+this.left+'" top="'+this.top+'" z-index="1000" visibility="hidden" ';
	}else{
		html = '<div id="'+this.name+'" style="position:relative; cursor:pointer; left:'+this.left+'px; top:'+this.top+'px; z-index:1000; visibility:hidden;" ';
	}
	if (this.name.indexOf('produit')!=-1) {
		html += 'onClick="Layers.'+this.name+'.hide();">';
	} else {
		html += 'onMouseOver="Layers.'+this.name+'.show()" onMouseOut="Layers.'+this.name+'.hide()">';
	}
	return html;
}
hideCur = function(){
	if(curLayer != null){
		Layers[curLayer].hideIt();
		curLayer = null;
	}
}
endLayer = function(){
	 return ns4 ? '<\/layer>' : '<\/div>';
}

createLayer = function(name,left,top){
	Layers[name] = new MakeLayer(name,left,top);
}
// ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

var Pops = new Object();
var curPop = null;

MakePop = function(name,left,top){
	this.name = name;
	this.left = left;
	this.top = top;
	this.timer = null;
	this.obj = name+'Object';
	eval(this.obj+'=this');
}
MakePop.prototype.show = function(){
	clearTimeout(this.timer);
	var getId = this.name.split('_');
	var o = scrollNodes[getId[1]-1];
	getStyle(this.name).top = (o.offsetTop+o.offsetHeight-30) + 'px';
	getStyle(this.name).left = (o.offsetLeft-30-$('scMask').scrollLeft) + 'px';
	getStyle(this.name).visibility = 'visible';
	curPop = this.name;

}
MakePop.prototype.hide = function(){
	this.timer = setTimeout(this.obj+'.hideIt()',50);

}
MakePop.prototype.hideIt = function(){
	getStyle(this.name).visibility = 'hidden';
}
MakePop.prototype.startLayer = function(w,h){
	this.w = w;
	this.h = h;
	var html;
	if(ns4){
		html = '<layer name="'+this.name+'" left="'+this.left+'" top="'+this.top+'" z-index="1000" visibility="hidden" ';
	}else{
		html = '<div id="'+this.name+'" style="position:relative; left:'+this.left+'px; top:'+this.top+'px; z-index:1000; visibility:hidden" ';
	}
	html += 'onMouseOver="Pops.'+this.name+'.show()" onMouseOut="Pops.'+this.name+'.hide()">';
	return html;
}
hideCur = function(){
	if(curPop != null){
		Pops[curPop].hideIt();
		curPop = null;
	}
}
endPop = function(){
	 return ns4 ? '<\/layer>' : '<\/div>';
}

createPop = function(name,left,top){
	Pops[name] = new MakePop(name,left,top);
}
// ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

// ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

function PI_rescueFrame(obj,pos,w,h){
	if(isIE6){		
		if(!$('rescueFrame'+obj.id)){
			var rescueObj = document.createElement('iframe');
			var rescueElement = obj.appendChild(rescueObj);
			rescueElement.id = 'rescueFrame';
			rescueElement.style.position = 'absolute';
			if(pos || pos == 0){
				rescueElement.style.top = pos; 
				rescueElement.style.left = pos;
			}
			else{
				rescueElement.style.top = obj.offsetTop+'px'; 
				rescueElement.style.left = obj.offsetLeft+'px';
			}
			
			rescueElement.style.width = (w) ?w+'px' :obj.offsetWidth+'px'; 
			rescueElement.style.height = (h) ?h+'px' :obj.offsetHeight+'px';
			
			if (rescueElement.style.height=='0px' && $('pageFicheProduit')||obj.id.indexOf('submenu')!=-1) {
				var nodes = obj.getElementsByTagName('div');
				if (nodes) {
					rescueElement.style.height = nodes[0].offsetHeight;
				}
			}
			
			//rescueElement.style.visibility = 'hidden';
			rescueElement.style.border = '10px';
			//rescueElement.style.filter = 'alpha(opacity=0);';
			rescueElement.style.zIndex = -20;
			
		}
	}
}

//~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

function openPlanning(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpPlanning').style.visibility='visible';
    $('popUpPlanning').style.display='block';
}
function openCalendar(type){
    $('popUpPlanning').className = "planningType"+type;
}
function hidePlanning(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpPlanning').style.visibility='hidden';
    $('popUpPlanning').style.display='none';
    $('popUpPlanning').className = "defaultPlanning";
}

//~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

function openCGV(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpCGV').style.visibility='visible';
    $('popUpCGV').style.display='block';
}
function hideCGV(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpCGV').style.visibility='hidden';
    $('popUpCGV').style.display='none';
}

function openLostId(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpLostId').style.visibility='visible';
    $('popUpLostId').style.display='block';
}
function hideLostId(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpLostId').style.visibility='hidden';
    $('popUpLostId').style.display='none';
}

function openAmmount(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpAmmount').style.visibility='visible';
    $('popUpAmmount').style.display='block';
}
function hideAmmount(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpAmmount').style.visibility='hidden';
    $('popUpAmmount').style.display='none';
}

function openMag(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpMagasin').style.visibility='visible';
    $('popUpMagasin').style.display='block';
}
function hideMag(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpMagasin').style.visibility='hidden';
    $('popUpMagasin').style.display='none';
}

function openTarifs(){
	var hauteur = document.getElementById('page').offsetHeight;	
	$('colorZone').style.height = (hauteur+"px");
	$('colorZone').style.visibility='visible';
    $('colorZone').style.display='block';
	$('popUpTarifs').style.visibility='visible';
    $('popUpTarifs').style.display='block';
}
function hideTarifs(){
	$('colorZone').style.visibility='hidden';
    $('colorZone').style.display='none';
	$('popUpTarifs').style.visibility='hidden';
    $('popUpTarifs').style.display='none';
}

//~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

Event.observe(window,"load",buildSMen);
var menData = new Array();
var menActive = -1;
function buildSMen(){
	if($("menu")){
		
		var menObj = $("menu");
		var mens = $$("#menu h4");
		for(var i = 0; i<mens.length; i++){
			
			if(mens[i].parentNode.getElementsByTagName("ul")[0]){
				mens[i].parentNode.id = "menLeft"+i;
				
				var linkObj = new Object();
				var parent = $("menLeft"+i);
				linkObj.link = parent.getElementsByTagName("h4")[0].getElementsByTagName("a")[0];
				linkObj.url = parent.getElementsByTagName("h4")[0].getElementsByTagName("a")[0].href;
				linkObj.click = "javascript:showSMen("+i+");";
				linkObj.add = parent.getElementsByTagName("h4")[0].getElementsByTagName("span")[0].innerHTML;
				linkObj.sub = parent.getElementsByTagName("ul")[0];
				
				menData[i] = linkObj;
				
				linkObj.link.removeChild(parent.getElementsByTagName("h4")[0].getElementsByTagName("span")[0]);
				linkObj.link.setAttribute("href",linkObj.click);
			}
			
		}
		
		if (subMenuInit!=-1) {
			showSMen(subMenuInit);	
		}
		
	}
}

function showSMen(id){
	if(menActive != -1){
		hideSMen(menActive);
	}
	var obj = menData[id];
	obj.link.setAttribute("href",obj.url);
	var add = document.createElement("span");
	var addText = document.createTextNode(obj.add);
	add.appendChild(addText);
	obj.link.appendChild(add);
	obj.sub.style.display = "block";
	
	menActive = id;
}

function hideSMen(id){
	
	var obj = menData[id];
	obj.link.setAttribute("href",obj.click);
	obj.link.removeChild(obj.link.getElementsByTagName("span")[0]);
	obj.sub.style.display = "none";
	
	menActive = -1;
}