var cdcNav = {

	init: function(){
	
		var isJs = document.createElement && document.getElementsByTagName;
		if (isJs) {
			document.documentElement.id = 'js'
		}
		
		var navigation = $('navigation');
		if (!navigation) 
			return;
		
		// bug fix for IE7
		/*var imgLvl3 = navigation.getElementsByTagName('img');
		for(var j=0;j<imgLvl3.length;j++){
			if(imgLvl3[j].parentNode.className != 'level3') continue;
			imgLvl3[j].style.display = 'none';
		}*/
		
		var ulLevel1 = $('navigationLinks');
		var uls = ulLevel1.getElementsByTagName('ul');
		var liLevel1 = ulLevel1.childNodes;
		var aLevel1 = ulLevel1.getElementsByTagName('a');
		
		// identification des menus  de  niveau 1

		for (var i = 0; i < aLevel1.length; i++) {
			var menu1 = document.getElementById('menu1');
			var menu2 = document.getElementById('menu2');
			var menu3 = document.getElementById('menu3');
			var menu4 = document.getElementById('menu4');
			var menu5 = document.getElementById('menu5');
			var menu6 = document.getElementById('menu6');
			var menu7 = document.getElementById('menu7');
			var menu8 = document.getElementById('menu8');
			
			if (aLevel1[i].className != 'level1') 
				continue;
			
			
			aLevel1[i].onmouseover = function(){
				cdcNav.level1Over(this, menu1, menu2, menu3, menu4, menu5, menu6, menu7, menu8);
			};
			aLevel1[i].onmouseout = function(){
				cdcNav.level1Out(this, menu1, menu2, menu3, menu4, menu5, menu6, menu7, menu8);
			}
		}
		var imgList=$('navigation').getElementsByTagName("img");
		for(var i=0;i<imgList.length;i++){
			this["img"+i]=new Image();
			this["img"+i].src=imgList[i].src;
		}
		//$("navigationBordRight").style.bottom="21px";
		$("navigation").style.bottom="21px";
		//$("navigationBordLeft").style.bottom="21px";
	},
	
	
	
	level1Over: function(thi1, m1, m2, m3, m4, m5, m6, m7, m8){
		//$('navigationBordLeft').className = $('navigationBordLeft').className.replace('BordOff', 'BordOn');
		//$('navigationBordRight').className = $('navigationBordRight').className.replace('BordOff', 'BordOn');
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			thi1.getElementsByTagName('img')[0].style.filter = thi1.getElementsByTagName('img')[0].style.filter.replace('-off.png', '-on.png');
			return;
		}
		else {
			thi1.getElementsByTagName('img')[0].src = thi1.getElementsByTagName('img')[0].src.replace('-off.png', '-on.png');
			return;
			
		}
	},
	
	level1Out: function(thi2, m1, m2, m3, m4, m5, m6, m7, m8){
		//$('navigationBordLeft').className = $('navigationBordLeft').className.replace('BordOn', 'BordOff');
		//$('navigationBordRight').className = $('navigationBordRight').className.replace('BordOn', 'BordOff');

		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			thi2.getElementsByTagName('img')[0].style.filter = thi2.getElementsByTagName('img')[0].style.filter.replace('-on', '-off');
			return;
		}
		else {
			thi2.getElementsByTagName('img')[0].src = thi2.getElementsByTagName('img')[0].src.replace('-on.png', '-off.png');
			return;
		}
	}
	
}
	
/*	
	function positionNav(){
		largeur = document.documentElement.clientWidth;
		newLargeur = largeur - 960;
		newLargeur = newLargeur / 2;
		if ($('navigationBordRight')) {
			$('navigationBordRight').style.left = newLargeur + 960 + "px";
			$('navigationBordRight').style.width = newLargeur + "px";
			$('navigationBordLeft').style.width = newLargeur + "px";
		}
	}*/

function positionNav(){
	if(!$('navigationBordLeft')) return;
	 largeur=getViewPortDimensions().width;
	 newLargeur=largeur-960;
	 newLargeur=newLargeur/2;
	 //alert(newLargeur)
	 if (newLargeur > 0) {
	 	$('navigationBordRight').style.left = newLargeur + 960 + "px";
	 	$('navigationBordRight').style.width = newLargeur + "px";
	 	$('navigationBordLeft').style.width = newLargeur + "px";
		$('navigationBordLeft').style.left = "0px";
		$('navigationBordLeft').style.display='block';
		$('navigationBordRight').style.display='block';
	 }else{
	 	$('navigationBordRight').style.width = "58px";
		$('navigationBordRight').style.left = "960px";
	 	//$('navigationBordLeft').style.width = 10 + "px";
	 	$('navigationBordLeft').style.display='none';
		//$('navigationBordRight').style.display='none';
	 }
	 $("navigationLinks").style.margin="0px auto";
}



// Dimensions
function getViewPortDimensions() {
    var de = this.document.documentElement;
    return {
        'width': this.innerWidth || (de && de.clientWidth) || this.document.body.clientWidth,
        'height': this.innerHeight || (de && de.clientHeight) || this.document.body.clientHeight
    };
};

//*** SCROLLING PAGE ***//
function scrollingPage() {
	if(!$('page')) return;
	var hauteur=document.documentElement.clientHeight;
	var largeur=document.documentElement.clientWidth;
	var hauteurEcran = getViewPortDimensions().height;
	var largeurEcran = getViewPortDimensions().width;
	//positionNav();
	if(hauteurEcran < 484 && largeurEcran < 804){
		if ($('navigationBordLeft')) {
			$('navigationBordLeft').remove();
			if (!$('categorieName')) {
				$('navigationBordRight').remove();
			}
		}		
		var bgHeight = $('backgroundImage').scrollHeight;
		 
		$$('body')[0].className = 'lowDef';		
		$$('body')[0].style.height =  bgHeight + 'px';
		
		$$('body')[0].style.height =  '644px';	
		$('backImage').style.height = bgHeight + 'px';
		$('page').style.height = (bgHeight-20)+'px';
		$('navigation').style.bottom = '0px';
	}
}

function myOnDomIsLoaded(){
		cdcNav.init();	
		positionNav();
		scrollingPage();
		
}


//Event.observe(window, 'load', myOnDomIsLoaded , false);

Event.observe(window, 'load', cdcNav.init , false);
Event.observe(window, 'load', positionNav , false);
Event.observe(window, 'load', function(){
	setTimeout(scrollingPage,200)
	} , false);

Event.observe(window, 'resize', scrollingPage, false);