/**
 * @author Nurun
 * Upgraded by Internim 01/2009
 */



/*************************************************************************/
/************************ Navigation *************************************/

	
var timerIDLevel1 = false;
var timerIDLevel2 = false;
var currentLvl1Clicked = false; // pour l'affichage ul level2
var current2Lvl1Clicked = false; // pour gestion de l'image clicked
var current3Lvl1Clicked = false; // pour l'affichage ul level3
var currentDiv3Lvl1Clicked = false // debug IE
var cdcNav = {

	init: function(){
		//alert("init");
		var isJs = document.createElement && document.getElementsByTagName;
		if (isJs) {
			document.documentElement.id = 'js'
		}
		
		var navigation = $('navigation');
		if (!navigation) {
			return
		}
			
		//positionNav();
		// 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 = $('menu1');
			var menu2 = $('menu2');
			var menu3 = $('menu3');
			var menu4 = $('menu4');
			var menu5 = $('menu5');
			var menu6 = $('menu6');
			if (aLevel1[i].className != 'level1') 
				continue;
			
			aLevel1[i].onclick = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				//cdcNav.level1Over(this, menu1, menu2, menu3, menu4, menu5, menu6);
			};
			aLevel1[i].onmouseover = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Mise en place du rollover
				cdcNav.level1Over(this, menu1, menu2, menu3, menu4, menu5, menu6);
				// Gestion du click : Toggle sur les elements enfants
				cdcNav.level1Click(this.parentNode);
				// Construction et Affichage de la nav level2
				cdcNav.showNavLevel2(this.parentNode);
				if (this.parentNode.getElementsByTagName('ul')[0]) {
					return false;
				}
			};
			aLevel1[i].onmouseout = function(){
				// Mise en place du rollout
				cdcNav.level1Out(this, menu1, menu2, menu3, menu4, menu5, menu6);
				var ulLvl2 = this.parentNode.getElementsByTagName('ul')[0];
				if (ulLvl2) {
					// Gestion du click : Toggle sur les elements enfants
					cdcNav.level1Click(this.parentNode);
					var that = this; //create a pointer to this reference
					// Mise en place d'un timer pour differer l'affichage
					timerIDLevel1 = setTimeout(function(){
						// Construction et Desaffichage de la nav level2
						cdcNav.showNavLevel2(that.parentNode);
					}, 1000);
				}
				
				if (this.parentNode.getElementsByTagName('ul')[0]) {
					return false;
				}
			}
		}
		/*
		if (document.documentElement.clientHeight < 484) {
			$("navigationBordRight").style.bottom = "37px";
			$("footer").style.bottom = "16px";
			$("navigation").style.bottom = "37px";
			$("navigationBordLeft").style.bottom = "37px";
		}
		else 
		
		{*/
			if ($('navigationBordLeft')) {
				$("navigationBordRight").style.bottom = "21px";
				$("navigationBordLeft").style.bottom = "21px";
			}
			$("footer").style.bottom = "0px";
			$("navigation").style.bottom = "21px";
			
		//}
		
	},
	
	level1Click: function(argClick){
	
		var img = argClick.getElementsByTagName('img')[0];		
		var ulLvl2 = argClick.getElementsByTagName('ul')[0];
		if (!ulLvl2) {
			var lis = argClick.parentNode.getElementsByTagName('li');

			// identification des menus  de  niveau 1

			for (var i = 0; i < lis.length; i++) {
				var divs = lis[i].getElementsByTagName('div'); //<div class="level2">
				for (var j = 0; j < divs.length; j++) {
					// Toggle sur la balise DIV si affichee
					if (divs[j].style.display == "block") {
						// Mise en Background de la balise DIV
						divs[j].style.zIndex = divs[j].style.zIndex - 1;
						divs[j].style.display = "none";
						currentLvl1Clicked = null;
						if ($('navigationBordLeft')) {
							$('navigationBordLeft').removeClassName('ssnavigationBordOff');
							$('navigationBordRight').removeClassName('ssnavigationBordOff');
						}

						// Toggle sur la balise UL
						var currentUl = divs[j].getElementsByTagName('ul')[0];
						if (currentUl.style.display == "block") {
							currentUl.style.display = "none";
						}
						var lisniv3 = currentUl.getElementsByTagName('li');

						// identification des menus  de  niveau 1
						for (var k = 0; k < lisniv3.length; k++) {

							// identification des elements DIV enfants
							var divsniv3 = lisniv3[k].getElementsByTagName('div');
							for (var l = 0; l < divsniv3.length; l++) {
								// Toggle sur la balise DIV
								if (divsniv3[l].style.display == "block") {
									divsniv3[l].style.display = "none";
								}
								// identification des elements UL enfants
								var ulsniv3 = divs[l].getElementsByTagName('ul');
								for (var m = 0; m < ulsniv3.length; m++) {
									// Toggle sur la balise UL
									if (ulsniv3[m].style.display == "block") {
										ulsniv3[m].style.display = "none";
									}
								}
							}
							// identification des elements IMG enfants
							var divsniv3 = lisniv3[k].getElementsByTagName('img');
							for (var l = 0; l < divsniv3.length; l++) {
								// Toggle sur la balise IMG
								if (divsniv3[l].style.display == "block") {
									divsniv3[l].style.display = "none";
								}
							}
							// identification des elements UL enfants
							var divsniv3 = lisniv3[k].getElementsByTagName('ul');
							for (var l = 0; l < divsniv3.length; l++) {
								// Toggle sur la balise UL
								if (divsniv3[l].style.display == "block") {
									divsniv3[l].style.display = "none";
									// RAZ des flags clicked des balises UL
									current3Lvl1Clicked = null;
									divsniv3[l].clicked = null;
								}
							}
						}
					}
				}
			}
			return false;
		}
		
		if (current2Lvl1Clicked) {
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				// Rollover
				current2Lvl1Clicked.style.filter = current2Lvl1Clicked.style.filter.replace('-inoff.png', '-on.png')
			}
			else{
				// Rollover
				current2Lvl1Clicked.src = current2Lvl1Clicked.src.replace('-inoff.png', '-on.png');
			}
			if (img.clicked == current2Lvl1Clicked) {
				if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
					// Rollover
					img.style.filter = img.style.filter.replace('-inoff.png', '-in.png');
				}
				else {
					// Rollover
					img.src = img.src.replace('-inoff.png', '-in.png');
				}
				// RAZ des flags clicked
				current2Lvl1Clicked = null;
				img.clicked = null;				
				return;
			}
		}
		
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			// Rollout
			img.style.width = argClick.offsetWidth;
			img.style.height = argClick.offsetHeight;
			img.style.filter = img.style.filter.replace('-in.png', '-inoff.png');
		}
		else {			
			img.src = img.src.replace('-in.png', '-inoff.png');
		}
		// Update des flags clicked
		current2Lvl1Clicked = img;
		img.clicked = current2Lvl1Clicked;

	},
	
	level1Over: function(thi1, m1, m2, m3, m4, m5, m6){
		if ($('navigationBordLeft')) {
			$('navigationBordLeft').className = $('navigationBordLeft').className.replace('BordOff', 'BordOn');
			$('navigationBordRight').className = $('navigationBordRight').className.replace('BordOff', 'BordOn');
		}
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			// Rollover
			m1.style.filter = m1.style.filter.replace('-off.png', '-on.png');
			m2.style.filter = m2.style.filter.replace('-off.png', '-on.png');
			m3.style.filter = m3.style.filter.replace('-off.png', '-on.png');
			m4.style.filter = m4.style.filter.replace('-off.png', '-on.png');
			m5.style.filter = m5.style.filter.replace('-off.png', '-on.png');			
			m6.style.filter = m6.style.filter.replace('-off.png', '-on.png');			
			thi1.getElementsByTagName('img')[0].style.filter = thi1.getElementsByTagName('img')[0].style.filter.replace('-on.png', '-in.png');
			return;
		}
		else {
			// Rollover
			m1.src = m1.src.replace('-off.png', '-on.png');
			m2.src = m2.src.replace('-off.png', '-on.png');
			m3.src = m3.src.replace('-off.png', '-on.png');
			m4.src = m4.src.replace('-off.png', '-on.png');
			m5.src = m5.src.replace('-off.png', '-on.png');
			m6.src = m6.src.replace('-off.png', '-on.png');
			thi1.getElementsByTagName('img')[0].src = thi1.getElementsByTagName('img')[0].src.replace('-on.png', '-in.png');
			return;
		}
	},
	
	level1Out: function(thi2, m1, m2, m3, m4, m5, m6){
		if ($('navigationBordLeft')) {
			$('navigationBordLeft').className = $('navigationBordLeft').className.replace('BordOn', 'BordOff');
			$('navigationBordRight').className = $('navigationBordRight').className.replace('BordOn', 'BordOff');
		}
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			// Rollout
			m1.style.filter = m1.style.filter.replace('-on.png', '-off.png');
			m2.style.filter = m2.style.filter.replace('-on.png', '-off.png');
			m3.style.filter = m3.style.filter.replace('-on.png', '-off.png');
			m4.style.filter = m4.style.filter.replace('-on.png', '-off.png');
			m5.style.filter = m5.style.filter.replace('-on.png', '-off.png');
			m6.style.filter = m6.style.filter.replace('-on.png', '-off.png');
			if (thi2.getElementsByTagName('img')[0].style.filter.indexOf('inoff') > 0) {
				return;
			}
			else {
				if (currentLvl1Clicked) {
					thi2.getElementsByTagName('img')[0].style.filter = thi2.getElementsByTagName('img')[0].style.filter.replace('-in', '-off');
				}
				else 
					if (!currentLvl1Clicked) {
					thi2.getElementsByTagName('img')[0].style.filter = thi2.getElementsByTagName('img')[0].style.filter.replace('-in', '-on');
					}
			}
			return;
		}
		else {
			// Rollout
			m1.src = m1.src.replace('-on.png', '-off.png');
			m2.src = m2.src.replace('-on.png', '-off.png');
			m3.src = m3.src.replace('-on.png', '-off.png');
			m4.src = m4.src.replace('-on.png', '-off.png');
			m5.src = m5.src.replace('-on.png', '-off.png');
			m6.src = m6.src.replace('-on.png', '-off.png');
			if (currentLvl1Clicked) {
				thi2.getElementsByTagName('img')[0].src = thi2.getElementsByTagName('img')[0].src.replace('-in.png', '-off.png');
			}
			else if(!currentLvl1Clicked){
				thi2.getElementsByTagName('img')[0].src = thi2.getElementsByTagName('img')[0].src.replace('-in.png', '-off.png');
			}
			return;
		}
	},
	
	showNavLevel2: function(arg){
		// Identification de chaque menu
		var menu1 = $('menu1');
		var menu2 = $('menu2');
		var menu3 = $('menu3');
		var menu4 = $('menu4');
		var menu5 = $('menu5');
		var menu6 = $('menu6');

		var ulLevel2 = arg.getElementsByTagName('ul')[0];
		if (!ulLevel2) return;
		if ($('navigationBordLeft')) {
			$('navigationBordLeft').addClassName('ssnavigationBordOff');
			$('navigationBordRight').addClassName('ssnavigationBordOff');
		}
		var oDiv2 = arg.getElementsByTagName('div')[0];
		
		if (currentLvl1Clicked) {
			currentLvl1Clicked.parentNode.style.display = 'none';
			if (ulLevel2.clicked == currentLvl1Clicked) {
				currentLvl1Clicked.parentNode.style.display = 'none';
				// Mise en Background de la balise DIV
				oDiv2.style.zIndex = oDiv2.style.zIndex - 1;
				// RAZ des flags clicked
				currentLvl1Clicked = null;
				ulLevel2.clicked = null;
				if ($('navigationBordLeft')) {
					$('navigationBordLeft').removeClassName('ssnavigationBordOff');
					$('navigationBordRight').removeClassName('ssnavigationBordOff');
				}
				return;
			}
		}
		
		if(current3Lvl1Clicked){			
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				// si !IE6 sinon degradation graceful
				currentDiv3Lvl1Clicked.style.display = "block";	
			}				
			if (navigator.appVersion.indexOf("MSIE 7.")>-1) {
				// si !IE7 sinon degradation graceful
				currentDiv3Lvl1Clicked.style.display = "block";
			}
			else{
				currentDiv3Lvl1Clicked.style.display = "none";
				current3Lvl1Clicked = null;	
			}
		}
		
		oDiv2.style.display = 'block';
		// Mise en Foreground de la balise DIV
		oDiv2.style.zIndex = oDiv2.style.zIndex + 1;
		ulLevel2.style.display = 'block';
		currentLvl1Clicked = ulLevel2;
		ulLevel2.clicked = currentLvl1Clicked;
		
		var lkLevel2 = ulLevel2.getElementsByTagName('img');
		for (var i = 0; i < lkLevel2.length; i++) {
			lkLevel2[i].onmouseover = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Si timer en cours, suppression du timer
				if (timerIDLevel2) clearTimeout(timerIDLevel2);
				// Mise en place du rollover
				cdcNav.level2Over(this);
				// Mise en place du rollover sur le niv 1 parent
				var that = this.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
				if (that[0].className == 'level1') {
					cdcNav.level1Over(that[0], menu1, menu2, menu3, menu4, menu5, menu6);
				}
				// Construction et Affichage de la nav level3
				cdcNav.showNavLevel3(this.parentNode.parentNode);
				if (this.parentNode.parentNode.getElementsByTagName('div')[0]) {
					return false;
				}
			}
			lkLevel2[i].onmouseout = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Mise en place du rollout
				cdcNav.level2Out(this)
				// Mise en place du rollout sur le niv 1 parent
				var that = this.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
				if (that[0].className == 'level1') {
					cdcNav.level1Out(that[0], menu1, menu2, menu3, menu4, menu5, menu6);
				}
				var that = this; //create a pointer to this reference
				// Mise en place d'un timer pour differer l'affichage
				timerIDLevel2 = setTimeout(function(){
					// Construction et Desaffichage de la nav level3
					cdcNav.showNavLevel3(that.parentNode.parentNode);
				}, 1000);
				if (this.parentNode.parentNode.getElementsByTagName('div')[0]) {
					return false;
				}
			}
			lkLevel2[i].onclick = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Si timer en cours, suppression du timer
				if (timerIDLevel2) clearTimeout(timerIDLevel2);
				//cdcNav.level2Over(this)
			}
		}
	},
	
	level2Over: function(a){
	
		//$('navigationBordLeft').className = $('navigationBordLeft').className.replace('ssnavigationBordOff', 'ssnavigationBordOn');
		//$('navigationBordRight').className = $('navigationBordRight').className.replace('ssnavigationBordOff', 'ssnavigationBordOn')
		
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			// Rollover
			a.style.filter = a.style.filter.replace('-off.png', '-on.png');
			a.parentNode.parentNode.parentNode.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uk/en/img/bgNav4.png',sizingMethod='scale')";
		}
		else {
			// Rollover
			a.src = a.src.replace('-off.png', '-on.png');
			a.parentNode.parentNode.parentNode.style.background = 'url(/uk/en/img/bgNav4.png) repeat';
		}
	},
	
	level2Out: function(b){
		//$('navigationBordLeft').className = $('navigationBordLeft').className.replace('ssnavigationBordOn', 'ssnavigationBordOff');
		//$('navigationBordRight').className = $('navigationBordRight').className.replace('ssnavigationBordOn', 'ssnavigationBordOff')
		
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			// Rollout
			b.style.filter = b.style.filter.replace('-on.png', '-off.png');
			b.parentNode.parentNode.parentNode.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uk/en/img/bgNav2.png',sizingMethod='scale')";
		}
		else {
			// Rollout
			b.src = b.src.replace('-on.png', '-off.png');
			b.parentNode.parentNode.parentNode.style.background = 'url(/uk/en/img/bgNav2.png) repeat';
		}
	},
	
	showNavLevel3: function(c){
		// Identification de chaque menu
		var menu1 = $('menu1');
		var menu2 = $('menu2');
		var menu3 = $('menu3');
		var menu4 = $('menu4');
		var menu5 = $('menu5');
		var menu6 = $('menu6');

		var divLevel3 = c.getElementsByTagName('div')[0];
		if (!divLevel3) {
			var lis = c.parentNode.getElementsByTagName('li');

			// identification des menus  de  niveau 1

			for (var i = 0; i < lis.length; i++) {
				// identification des elements DIV enfants
				var divs = lis[i].getElementsByTagName('div');
				for (var j = 0; j < divs.length; j++) {
					// Toggle sur la balise
					if (divs[j].style.display == "block") {
						divs[j].style.display = "none";
					}
					// identification des elements DIV / UL enfants
					var uls = divs[j].getElementsByTagName('ul');
					for (var k = 0; k < uls.length; k++) {
						// Toggle sur la balise
						if (uls[k].style.display == "block") {
							uls[k].style.display = "none";
						}
					}
					// RAZ des flags clicked
					current3Lvl1Clicked = null;
				}
				// identification des elements IMG enfants
				var divs = lis[i].getElementsByTagName('img');
				for (var j = 0; j < divs.length; j++) {
					// Toggle sur la balise
					if (divs[j].style.display == "block") {
						divs[j].style.display = "none";
					}
				}
				// identification des elements UL enfants
				var divs = lis[i].getElementsByTagName('ul');
				for (var j = 0; j < divs.length; j++) {
					// Toggle sur la balise
					if (divs[j].style.display == "block") {
						divs[j].style.display = "none";
					}
				}
			}

			return ;
		}
		var imgLvl3 = c.getElementsByTagName('img')[1];
		
		var ulLevel3 = c.getElementsByTagName('ul')[0];
		
		if (current3Lvl1Clicked) {
			current3Lvl1Clicked.parentNode.style.display = 'none';
			
			if (ulLevel3.clicked == current3Lvl1Clicked) {
				// RAZ des flags clicked
				current3Lvl1Clicked.parentNode.style.display = 'none';
				current3Lvl1Clicked = null;
				ulLevel3.clicked = null;
				return;
			}
		}
		
		divLevel3.style.display = 'block';
		ulLevel3.style.display = 'block';
		imgLvl3.style.display = 'block';		
		current3Lvl1Clicked = ulLevel3;
		ulLevel3.clicked = current3Lvl1Clicked;
		currentDiv3Lvl1Clicked = divLevel3;

		// Identification des LI enfants
		var lkLevel3 = ulLevel3.getElementsByTagName('li');
		for (var i = 0; i < lkLevel3.length; i++) {
			lkLevel3[i].onmouseover = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Si timer en cours, suppression du timer
				if (timerIDLevel2) clearTimeout(timerIDLevel2);

				// Gestion des rollover des niveaux parents
				var thatLevel2AHref = this.parentNode.parentNode.parentNode.getElementsByTagName('a');
				var thatLevel2Img = thatLevel2AHref[0].getElementsByTagName('img');
				// Mise en place du rollover sur le niv 2 parent
				cdcNav.level2Over(thatLevel2Img[0]);
				// Mise en place du rollover sur le niv 1 parent
				var thatLeval1AHref = thatLevel2Img[0].parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
				if (thatLeval1AHref[0].className == 'level1') {
					cdcNav.level1Over(thatLeval1AHref[0], menu1, menu2, menu3, menu4, menu5, menu6);
				}
			}
			lkLevel3[i].onmouseout = function(){
				// Si timer en cours, suppression du timer
				if (timerIDLevel1) clearTimeout(timerIDLevel1);
				// Si timer en cours, suppression du timer
				if (timerIDLevel2) clearTimeout(timerIDLevel2);

				// Gestion des rollout des niveaux parents
				var thatLevel2AHref = this.parentNode.parentNode.parentNode.getElementsByTagName('a');
				var thatLevel2Img = thatLevel2AHref[0].getElementsByTagName('img');
				// Mise en place du rollout sur le niv 2 parent
				cdcNav.level2Out(thatLevel2Img[0]);
				// Mise en place du rollout sur le niv 1 parent
				var thatLeval1AHref = thatLevel2Img[0].parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
				if (thatLeval1AHref[0].className == 'level1') {
					cdcNav.level1Out(thatLeval1AHref[0], menu1, menu2, menu3, menu4, menu5, menu6);
				}

				var that = this; //create a pointer to this reference
				// Mise en place d'un timer pour differer l'affichage
				timerIDLevel2 = setTimeout(function(){
					// Construction et Desaffichage de la nav level3
					cdcNav.showNavLevel3(that.parentNode.parentNode.parentNode);
				}, 1000);
			}
		}

		imgLvl3.onmouseover = function(){
			// Si timer en cours, suppression du timer
			if (timerIDLevel1) clearTimeout(timerIDLevel1);
			// Si timer en cours, suppression du timer
			if (timerIDLevel2) clearTimeout(timerIDLevel2);

			// Gestion des rollover des niveaux parents
			var thatLevel2AHref = this.parentNode.parentNode.getElementsByTagName('a');
			var thatLevel2Img = thatLevel2AHref[0].getElementsByTagName('img');
			// Mise en place du rollover sur le niv 2 parent
			cdcNav.level2Over(thatLevel2Img[0]);
			// Mise en place du rollover sur le niv 1 parent
			var thatLeval1AHref = thatLevel2Img[0].parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
			if (thatLeval1AHref[0].className == 'level1') {
				cdcNav.level1Over(thatLeval1AHref[0], menu1, menu2, menu3, menu4, menu5, menu6);
			}
		}
		imgLvl3.onmouseout = function(){
			// Si timer en cours, suppression du timer
			if (timerIDLevel1) clearTimeout(timerIDLevel1);
			// Si timer en cours, suppression du timer
			if (timerIDLevel2) clearTimeout(timerIDLevel2);

			// Gestion des rollout des niveaux parents
			var thatLevel2AHref = this.parentNode.parentNode.getElementsByTagName('a');
			var thatLevel2Img = thatLevel2AHref[0].getElementsByTagName('img');
			// Mise en place du rollout sur le niv 2 parent
			cdcNav.level2Out(thatLevel2Img[0]);
			// Mise en place du rollout sur le niv 1 parent
			var thatLeval1AHref = thatLevel2Img[0].parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'); //creation d'un pointeur sur le level 1 parent
			if (thatLeval1AHref[0].className == 'level1') {
				cdcNav.level1Out(thatLeval1AHref[0], menu1, menu2, menu3, menu4, menu5, menu6);
			}

			var that = this; //create a pointer to this reference
			// Mise en place d'un timer pour differer l'affichage
			timerIDLevel2 = setTimeout(function(){
				// Construction et Desaffichage de la nav level3
				cdcNav.showNavLevel3(that.parentNode.parentNode);
			}, 1000);
		}
	}
}

// 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
    };
};

function positionNav(){
	//alert('before return');
	if(!$('navigationBordLeft')) return;
	//alert('after return');
	 largeur=getViewPortDimensions().width;
	 //alert(largeur);
	 newLargeur=largeur-960;
	 newLargeur=newLargeur/2;
	 //alert(newLargeur)
	 if (newLargeur > 0) {
	 	$('navigationBordRight').style.left = newLargeur + 960 + "px";
		/*if (navigator.userAgent.toLowerCase().indexOf('7.0') != -1) {
		$('navigationBordRight').style.left = newLargeur + 964 + "px";
		}*/
	 	$('navigationBordRight').style.width = newLargeur + "px";
	 	$('navigationBordLeft').style.width = newLargeur + "px";
		$('navigationBordLeft').style.left = "0px";
		$('navigationBordLeft').style.display='block';
		$('navigationBordRight').style.display='block';
		if (typeof(document.getElementById('backImage').style.zoom) != "undefined") {
			if ($('categorieName') || $('comptoirInner') || $('etapes') || $('iframeCasting')) {
				$('navigationLinks').style.left = newLargeur + "px";
			}
			else {
				$('navigationLinks').style.left = newLargeur - 4 + "px";
			}
		} else {
			$('navigationLinks').style.left = newLargeur + "px";
		}

	 }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";
}


//*** SCROLLING PAGE ***//
function scrollingPage() {
	if(!$('page')) return;
	var hauteurEcran=document.documentElement.clientHeight;
	var largeurEcran=document.documentElement.clientWidth;
	//var hauteurEcran = getViewPortDimensions().height;
	//var largeurEcran = getViewPortDimensions().width;
	if ($('backgroundImage')) {
		var hauteurVisuel = $('backgroundImage').scrollHeight;
		//alert(hauteurVisuel)
	}
	//positionNav();
	
	// ajout de la classe lowDef sur body pour le 800x600
	
	if(hauteurEcran < 484 && largeurEcran < 804){
		if ($('navigationBordLeft')) {
			$('navigationBordLeft').remove();
			if (!$('categorieName')) {
				$('navigationBordRight').remove();
			}
		}
		if ($('backgroundImageHome')) {
			var bgHeight = $('backgroundImageHome').scrollHeight;
		} else if ($('backgroundImage')) {
			var bgHeight = $('backgroundImage').scrollHeight;
			//$('backgroundImage').style.width = document.documentElement.scrollWidth+'px';  
		}
		$$('body')[0].className = 'lowDef';
		//console.log("$('tunnelInner').length => "+$('tunnelInner').length)
		if (!$('tunnelInner')) {
			$$('body')[0].style.height = bgHeight + 'px';
		}
		
		$('page').style.height = (bgHeight-20)+'px';
		//alert("$('page').style.height => "+$('page').getHeight());

		if($('categorieName')){
			$('categorieName').style.width = '960px';
			$$('.listFilters')[2].style.marginRight = '0px';
			$('foreword').style.top = '12%';
			$('filters').style.top = '15%';
			$('galery').style.bottom = '25%';
			//$('page').style.overflow = 'hidden';
			$$('body')[0].id = 'catalogue';
			
		}
	}
	else{
		$$('body')[0].className = '';
	}
	
	if ($$('.innerHome')[0]) {

		if((hauteurEcran/largeurEcran) <= (850/1280)){
			$('backgroundImageHome').style.height = hauteurEcran + 'px';
			$('backgroundImageHome').style.width = Math.round(hauteurEcran*1280/850) + 'px';
			$('backImage').style.height = hauteurEcran + 'px';
			$('backImage').style.width = Math.round(hauteurEcran*1280/850) + 'px';
			$('backImage').style.marginLeft = Math.round(largeurEcran-Math.round(hauteurEcran*1280/850))/2+'px';
			$('backImage').style.marginTop = 0+'px'
		}else if((hauteurEcran/largeurEcran) > (850/1280)){
			$('backgroundImageHome').style.height = Math.round(largeurEcran*850/1280) + 'px';
			$('backgroundImageHome').style.width = largeurEcran + 'px';
			$('backImage').style.height = Math.round(largeurEcran*850/1280) + 'px';
			$('backImage').style.width = largeurEcran + 'px';
			$('backImage').style.marginLeft = 0+'px';
			$('backImage').style.marginTop = Math.round(hauteurEcran-Math.round(largeurEcran*850/1280))/2+'px';
		}
		
		if (hauteurEcran < 484) {
			$('backImage').style.width = '960px';
			$('backgroundImageHome').style.width = '960px';
			$('backImage').style.height = '637px';
			$('backgroundImageHome').style.height = '637px';
			$('backImage').style.margin = '0';
			$$('body')[0].style.height = "716px";
			$('footer').style.bottom = '-4px';
			$('navigation').style.bottom = '17px';
		}
		
		$('backImage').style.display = 'block';		
	}
	
	
	if ($('scrollForm')) {
	    
		addScrollToContainer($('scrollForm'),newDimHauteur-30);
	}	
	
	//if(hauteurEcran < 484) return;
	
	if ($('comptoirInner')) {
//		//alert(hauteurEcran);
//		if (hauteurEcran < 484) {
//			var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 23 / 100);
//			var newDimTop = 55;
//			$('comptoirInner').style.height = newDimHauteur+'px';
//			$('comptoirInner').style.top = newDimTop+'px';
//			$$('body')[0].style.height = $('backgroundImage').scrollHeight - 4 + 'px';
//		} else {
//			var newDimHauteur = (hauteurEcran - 75) - (hauteurEcran * 23 / 100);
//			var newDimTop = 85;	
//			$('comptoirInner').style.height = newDimHauteur+'px';
//			$('comptoirInner').style.top = newDimTop+'px';		
//		}

		addScrollToContainer($('comptoirInner'),newDimHauteur-30);
		if (($$('.fauxSelect').length == 0) && ($$('.fauxCheckbox').length == 0)) {
			initFauxFields();
			initComptoir();
		}
	}

	if ($('histoireInner')){
		var hauteurMin=Math.round(Math.pow(100*1200*1200*2,0.33));
		var hauteurMax=Math.round(Math.pow(600*1200*1200*2,0.33));
		if(hauteurEcran>hauteurMin && hauteurEcran<hauteurMax){
			$('histoireInner').style.top=0.5*hauteurEcran*hauteurEcran*hauteurEcran/1200/1200+"px";
		}else if(hauteurEcran<=hauteurMin){
			$('histoireInner').style.top=100+"px";
		}else if(hauteurEcran>=hauteurMax){
			$('histoireInner').style.top=600+"px";
		}
		$('histoireInner').style.left="50px";

		if((hauteurEcran/largeurEcran) > (850/1280)){
			$('backImage').style.height = hauteurEcran + 'px';
			$('backImage').style.width = Math.round(hauteurEcran*1280/850) + 'px';
			$('backImage').style.marginLeft = Math.round(largeurEcran-Math.round(hauteurEcran*1280/850))/2+'px';
			$('backImage').style.marginTop = 0+'px'
		}else if((hauteurEcran/largeurEcran) <= (850/1280)){
			$('backImage').style.height = Math.round(largeurEcran*850/1280) + 'px';
			$('backImage').style.width = largeurEcran + 'px';
			$('backImage').style.marginLeft = 0+'px';
			$('backImage').style.marginTop = 0+'px'
			}
			
		if (hauteurEcran < 484){
			$('backImage').style.width = '100%';
			$('backImage').style.height = 'auto';
			var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 15 / 100);
			var newDimTop = 65;
		}
		$('histoireInner').style.height = newDimHauteur + 'px';
		$('histoireInner').style.top = newDimTop + 'px';				
	}	


	if ($('defileInner')) {
		if (hauteurEcran < 484) {
			var newDimHauteur = 400;
			$('defileInner').style.overflow = 'visible';
			$('defileInner').style.width = "960px"; 
			$$('body')[0].style.height = "520px";
		}
		else {
			var newDimHauteur = (hauteurEcran - 75);
		}
		$('defileInner').style.height = newDimHauteur+'px';
	}

	if ($('collectionFemmeInner')) {		
		if (hauteurEcran < 484) {
			var newDimHauteur = 480;
			$$('body')[0].style.height = '625px';
			$('collectionFemmeInner').style.height = newDimHauteur + 'px';
			$('collectionFemmeInner').style.paddingLeft = "10px";
			$('page').style.height = '550px';
			$('collectionFemmeInner').style.top = '40px';
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.left = '0';
				$$('object')[0].style.marginLeft = '0';
			}
			else {
				if (document.all) {
					$$('object')[0].style.left = '0';
					$$('object')[0].style.marginLeft = '0';
				}
				else {
					$$('embed')[0].style.left = '0';
					$$('embed')[0].style.marginLeft = '0';
				}
			}
		}
		else {
		
			var newDimHauteur = (hauteurEcran - 75) - (hauteurEcran * 14 / 100);
			$('collectionFemmeInner').style.height = newDimHauteur + 'px';
			$('femmeFlash1').style.marginTop = (newDimHauteur - 480) / 2 + 'px';
		}
		if ((hauteurEcran <= 606) && (hauteurEcran > 484)) {	
			$('femmeFlash1').style.marginTop = '0';
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.height = newDimHauteur + 'px';
				$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
				$$('object')[0].style.position = 'absolute';
				$$('object')[0].style.top = '0';
				$$('object')[0].style.left = '50%';
				$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
			}
			else {
				if (document.all) {
					$$('object')[0].style.height = newDimHauteur + 'px';
					$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('object')[0].style.position = 'absolute';
					$$('object')[0].style.top = '0';
					$$('object')[0].style.left = '50%';
					$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
				else {
					$$('embed')[0].style.height = newDimHauteur + 'px';
					$$('embed')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('embed')[0].style.position = 'absolute';
					$$('embed')[0].style.top = '0';
					$$('embed')[0].style.left = '50%';
					$$('embed')[0].style.top = 'auto';
					$$('embed')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
			}
		}		
	}	
	
	if ($('collectionInner')) {
		
		if (hauteurEcran < 484) {
			var newDimHauteur = 480;
			$$('body')[0].style.height = '625px';
			$('collectionInner').style.height = newDimHauteur + 'px';
			$('collectionInner').style.paddingLeft = "10px";
			$('page').style.height = '550px';
			$('collectionInner').style.top = '40px';
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.left = '0';
				$$('object')[0].style.marginLeft = '0';
			}
			else {
				if (document.all) {
					$$('object')[0].style.left = '0';
					$$('object')[0].style.marginLeft = '0';
				}
				else {
					$$('embed')[0].style.left = '0';
					$$('embed')[0].style.marginLeft = '0';
				}
			}
		}
		else {		
			var newDimHauteur = (hauteurEcran - 75) - (hauteurEcran * 14 / 100);
			$('collectionInner').style.height = newDimHauteur + 'px';
			$('accessoiresFlash1').style.marginTop = (newDimHauteur - 480) / 2 + 'px';
		}
		if ((hauteurEcran <= 606) && (hauteurEcran > 484)) {	
		$('accessoiresFlash1').style.marginTop = '0';	
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.height = newDimHauteur + 'px';
				$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
				$$('object')[0].style.position = 'absolute';
				$$('object')[0].style.top = '0';
				$$('object')[0].style.left = '50%';
				$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
			}
			else {
				if (document.all) {
					$$('object')[0].style.height = newDimHauteur + 'px';
					$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('object')[0].style.position = 'absolute';
					$$('object')[0].style.top = '0';
					$$('object')[0].style.left = '50%';
					$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
				else {
					$$('embed')[0].style.height = newDimHauteur + 'px';
					$$('embed')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('embed')[0].style.position = 'absolute';
					$$('embed')[0].style.top = '0';
					$$('embed')[0].style.left = '50%';
					$$('embed')[0].style.top = 'auto';
					$$('embed')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
			}
		}		
	}

	if ($('collectionEnfantInner')) {
		if (hauteurEcran < 484){
		var newDimHauteur = 480;
		$$('body')[0].style.height = '625px';
		$('collectionEnfantInner').style.height = newDimHauteur + 'px';
		$('collectionEnfantInner').style.paddingLeft = "10px";
		$('page').style.height = '550px';
		$('collectionEnfantInner').style.top = '40px';
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.left = '0';
				$$('object')[0].style.marginLeft = '0';
			}
			else 
			{
				if (document.all) {
					$$('object')[0].style.left = '0';
					$$('object')[0].style.marginLeft = '0';
				}
				else {
					$$('embed')[0].style.left = '0';
					$$('embed')[0].style.marginLeft = '0';
				}
			}
		}
		else {			
			var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*14/100);
			$('collectionEnfantInner').style.height = newDimHauteur + 'px';
			$('enfantFlash1').style.marginTop = (newDimHauteur - 480)/2 + 'px';
		}		
		if ((hauteurEcran <= 606) && (hauteurEcran > 484)) {
			$('enfantFlash1').style.marginTop = '0';		
			if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
				$$('object')[0].style.height = newDimHauteur + 'px';
				$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
				$$('object')[0].style.position = 'absolute';
				$$('object')[0].style.top = '0';
				$$('object')[0].style.left = '50%';
				$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
			}
			else {
				if (document.all) {
					$$('object')[0].style.height = newDimHauteur + 'px';
					$$('object')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('object')[0].style.position = 'absolute';
					$$('object')[0].style.top = '0';
					$$('object')[0].style.left = '50%';
					$$('object')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
				else {
					$$('embed')[0].style.height = newDimHauteur + 'px';
					$$('embed')[0].style.width = (939 * newDimHauteur) / 480 + 'px';
					$$('embed')[0].style.position = 'absolute';
					$$('embed')[0].style.top = '0';
					$$('embed')[0].style.left = '50%';
					$$('embed')[0].style.top = 'auto';
					$$('embed')[0].style.marginLeft = -((939 * newDimHauteur) / 480) / 2 + 'px';
				}
			}
		}		
	}

	if ($$('.backPoseComplices')[0] && (hauteurEcran <= 606)) {
		var newDimHauteur = (hauteurEcran-75);

		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {			
			$$('object')[0].style.height = newDimHauteur + 'px';
			$$('object')[0].style.width = (960*newDimHauteur)/553 + 'px';
			$$('object')[0].style.position = 'absolute';
			$$('object')[0].style.bottom = '0';
			$$('object')[0].style.left = '50%';
			$$('object')[0].style.marginLeft = -((960*newDimHauteur)/553)/2+'px';
		}
		else{
			$$('embed')[0].style.height = newDimHauteur + 'px';
			$$('embed')[0].style.width = (960*newDimHauteur)/553 + 'px';
			$$('embed')[0].style.position = 'absolute';
			$$('embed')[0].style.bottom = '0';
			$$('embed')[0].style.left = '50%';
			$$('embed')[0].style.top = 'auto';
			$$('embed')[0].style.marginLeft = -((960*newDimHauteur)/553)/2+'px';
		}
	}
	if ($$('.backPoseComplices')[0]){
		$$('body')[0].style.backgroundColor = '#fff';
	}

	urlPage = document.URL; 
	
	if ($('EcomptoirInner')) {
		if (urlPage.search(/archivesGroupes.aspx/) != -1){
			if (hauteurEcran > 484) {
				var newDimHauteur = 540;
				var newDimTop = 45;

			}
			if (hauteurEcran <= 484) {
				var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 14 / 100);
				var newDimTop = 65;
				/*$$('#textHome2 img')[0].style.width = "350px";
				$$('#textHome2 img')[0].style.height = "";
				$$('#texteMarque')[0].style.width = "60%";*/
			}

			$('EcomptoirInner').style.height = newDimHauteur+'px';
			$$('h1')[0].style.top = newDimTop + 'px';
			addScrollToContainer($('EcomptoirInner'), newDimHauteur-22);
			if (($$('.fauxSelect').length == 0) && ($$('.fauxCheckbox').length == 0)) {
				initFauxFields();
				}
		}else{
			
			if (hauteurEcran > 484) {
				var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*14/100);
				var newDimTop = 45;

			}
			if (hauteurEcran <= 484) {
				var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 14 / 100);
				var newDimTop = 65;
				/*$$('#textHome2 img')[0].style.width = "350px";
				$$('#textHome2 img')[0].style.height = "";
				$$('#texteMarque')[0].style.width = "60%";*/
			}

			$('EcomptoirInner').style.height = newDimHauteur+'px';
			$$('h1')[0].style.top = newDimTop + 'px';
			addScrollToContainer($('EcomptoirInner'), newDimHauteur-30);
			if (($$('.fauxSelect').length == 0) && ($$('.fauxCheckbox').length == 0)) {
				initFauxFields();
				}
		}
	}	
	if ($('ECevenementInner')) {
	    var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*12/100);
		$('ECevenementInner').style.height = newDimHauteur+'px';
		addScrollToContainer($('ECevenementInner'),newDimHauteur-30);
	}	
	
	if ($('newsletterInner')) {
		if (hauteurEcran > 484) {
			var newDimHauteur = (hauteurEcran - 75) - (hauteurEcran * 15 / 100);
			var newDimTop = 85;
		}
		if (hauteurEcran <= 484) {
			var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 15 / 100);
			var newDimTop = 65;
		}
		$('newsletterInner').style.height = newDimHauteur + 'px';
		$('imageNewsletter').style.height = newDimHauteur + 'px';
		$('newsletterInner').style.top = newDimTop + 'px';
		addScrollToContainer($('imageNewsletter'), newDimHauteur - 30);
	}
			
	
	if ($('serviceClientInner') && !$('recrutementListe')) {
	    if (hauteurEcran > 484) {
		var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*15/100);
		var newDimTop = 85;		
		$('serviceClientInner').style.height = newDimHauteur+'px';
		$('serviceClientInner').style.top = newDimTop+'px';		
			addScrollToContainer($('serviceClientInner'), newDimHauteur - 30);
		}
		if (hauteurEcran <= 484) {
			var newDimHauteur = (hauteurVisuel - 75) - (hauteurVisuel * 15/100);
			$('serviceClientInner').style.top = '40px';	
			$('serviceClientInner').style.height = newDimHauteur+'px';
			addScrollToContainer($('serviceClientInner'), newDimHauteur - 30);
		}		
		if($('contactInformations')){
			if (($$('.fauxSelect').length == 0) && ($$('.fauxCheckbox').length == 0)) {
				$('serviceClientInner').style.height = "auto";
				initFauxFields();
			}
		}
	}
	
	if ($('serviceClientInner') && $('recrutementListe')) {
		if (hauteurEcran <= 484) {
			var newDimHauteur = (hauteurVisuel-75) - (hauteurVisuel*25/100);
			$$('body')[0].style.height = hauteurVisuel + 'px';
			
		} else {
			var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*15/100);
		}
		$('serviceClientInner').style.height = newDimHauteur-20+'px';
		$$('iframe')[0].style.height = newDimHauteur-40+'px';
	}	
			
	if ($('tunnelInner')) {
	    var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*25/100);
		if (hauteurEcran > 484 && largeurEcran > 804) {
		$('tunnelInner').style.height = newDimHauteur+'px';
		$('tunnelInner').style.top = '115px';
		addScrollToContainer($('tunnelInner'), newDimHauteur - 30);
		}
		if (hauteurEcran < 484 || largeurEcran < 804) {
			$('page').style.height = 'auto';
			$('tunnelInner').style.top = '20px';
			$('navigation').style.position = 'static';
			$('footer').style.position = 'static';
		}
		if (($('recapitulatif')) && ($$('.fauxCheckbox').length == 0)) {
						FauxFields.Factory
				({
					context: 'recapitulatif',
					field: 'checkbox'		
				});		
		}

		if (($$('.fauxSelect').length == 0) && ($$('.fauxCheckbox').length == 0)) {
				
				FauxFields.Factory({
					context: 'panier',
					field: 'select',
					maxHeight: 130
				
				});
				FauxFields.Factory({
					context: 'panier',
					field: 'checkbox'
				});			
		}
		
		if (($$('.fauxSelect').length == 0) && $('etapes') && !$('recapitulatif')){
			FauxFields.Factory
				({
					context: 'tunnelInner',
					field: 'select',
					maxHeight: 130
		
				});			
			FauxFields.Factory
				({
					context: 'tunnelInner',
					field: 'checkbox'		
				});		

		}			
	}

	if ($('produitInner')) {	
//	console.log('hauteurEcran =>'+hauteurEcran)	
		if (hauteurEcran <= 630){

			$('backImage').style.marginTop = '-45px';
			$('backImage').style.top = '0px';
			$('produitInner').style.top = '4%';
			if(hauteurEcran < 484){
			var hauteurScroll = $('backgroundImage').scrollHeight;
			//alert($('backgroundImage').scrollHeight);
			
			if (navigator.userAgent.toLowerCase().indexOf('7.0') != -1) {
			// nada
			}
			else {
				$$('body')[0].style.height = hauteurScroll - 45 + 'px';
			}
			$('page').style.height = hauteurScroll - 45 -72 +'px';
			
			$('navigation').style.marginBottom = '-15px';
			$('footer').style.marginBottom = '-15px';				
			}

		}
		else if (hauteurEcran > 630 && hauteurEcran <= 720) {
				$('backImage').style.marginTop = '0px';
				$('produitInner').style.top = '8%';
				$('produitInformation').style.top = '0px';
				//$('navigation').style.bottom = '0px';
		}
		else /*if(hauteurEcran > 720)*/
		{
			//console.log('else');
			$('backImage').style.marginTop = '0px';
			$('produitInner').style.top = '25%';
		}
		
	}	
	

	if ($('galery')) {
		if (hauteurEcran > 655) {
			$('galery').style.bottom = 'auto';
			$('galery').style.top = '60%';
		}
		
		document.body.style.backgroundColor = '#ffffff';
		//modif. el080202
		//document.body.style.backgroundColor = '#e8dbcb';
		
	}	

	if ($('scrollable2')) {
	    var newDimHauteur = (hauteurEcran-75) - (hauteurEcran*14/100);
		$('scrollable2').style.height = newDimHauteur+'px';
	}

}

function writeLecteurMP3(){
	try{
		var productSlide = new SWFObject("/uk/en/swf/CotonniersPlayer.swf", "musicPlayerSWF", "17", "20", "8", "#AC7D81");
		productSlide.addParam("quality", 'best');
		productSlide.addParam("WMODE", 'transparent');
		productSlide.write("musicPlayer");
	}
	catch(e){}
}



//*** ECOUTEURS ***//


function myOnDomIsLoaded(){
		cdcNav.init();	
		positionNav();
		scrollingPage();
		if (typeof(document.getElementById('backImage').style.minWidth) == "undefined") {
			initIE6();
		}
		if ($('musicPlayer')) {
			setTimeout(writeLecteurMP3, 1000);
		}
}


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

document.observe("dom:loaded", 
function(){
	myOnDomIsLoaded();
	//Event.observe(window, 'load', myOnDomIsLoaded, false);
	/*Event.observe(window, 'resize', positionNav, false);	
	Event.observe(window, 'resize', updatePosition, false);
	updatePosition();*/
	
}, false);

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

function initIE6(){
	var ulLevel1 = $('navigationLinks');
	var uls = ulLevel1.getElementsByTagName('ul');
	var liLevel1 = ulLevel1.childNodes;
	var aLevel1 = ulLevel1.getElementsByTagName('a');
	
	// identification des menus  de  niveau 1
	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');
	cdcNav.level1Over(aLevel1[0], menu1, menu2, menu3, menu4, menu5, menu6);
	cdcNav.level1Out(aLevel1[0], menu1, menu2, menu3, menu4, menu5, menu6);
	if ($('navigationBordLeft')) {
		$("navigationBordRight").style.bottom = "21px";
		$("navigationBordLeft").style.bottom = "21px";
	}
	$("footer").style.bottom = "0px";
	$("navigation").style.bottom = "21px";
	//positionNav();
	
}