sfHover = function() {
	if(document.getElementById("nav")){
		var nav = document.getElementById("nav");
		var links = nav.getElementsByTagName('a');
		for(var i=0;i<links.length;i++){
			var link = links[i];
			if(link.className.indexOf('linkNav') != -1){		
				link.onmouseover = function(e){//over
					hideAllLayer();
					var parentElm = this.parentNode;
					parentElm.className = 'sfhover';
					$current = this;
					document.onmousemove = function(e){
						var evTarget=(typeof event!=='undefined')? event.srcElement : e.target
						var e=(typeof event!=='undefined')? event : e
						mouseOutNav(e,evTarget, $current);				
						return false;
					}
					return false;
				}
			}
		}	
	}

}

function getElementsByObj(tag, obj, currentParent){	
	if(!currentParent) currentParent = document;	
	var elements = currentParent.getElementsByTagName(tag);
	for(var i=0; i<elements.length; i++){
		if(elements[i] == obj){
			return true
		}
	}
	return false;
}

function mouseOutNav(e,evTarget, current){
	if(e.originalTarget) {
		targetNode = e.originalTarget;
	} else if(e.srcElement) {
		targetNode = e.srcElement;
	}
	
	var elem = getElementsByObj(evTarget.tagName,targetNode,current.parentNode);
	if(!elem){
		hideAllLayer();
		document.onmousemove = function(e){	return false;}
	}
	

}

function hideAllLayer(){
	var nav = document.getElementById("nav");
	var elm = nav.getElementsByTagName('LI');
	for(var i=0;i<elm.length;i++){
		if(elm[i].className.indexOf('sfhover') != -1){
			elm[i].className = ""; //remove className : sfhover
		}
	}
}

function selectsSwap(action){ 
	//document.getElementsByName('ddl_Link').style.visibility=action;
	var allSelects = document.getElementsByTagName('select');
	for(i=0;i<allSelects.length;i++)
	{
	  if (allSelects[i].id == 'ddl_Link')
	  {
		allSelects[i].style.visibility=action;
	  }
	}
}

/*
function chgcolor() {
	
	document.getElementById("what").className='whaton';
	}
	
function chgcolor2() {
	
	document.getElementById("what").className='what';
	}
	
function chgcolor3() {
		
	document.getElementById("all").className='whaton';
		}
		
function chgcolor4() {
	document.getElementById("all").className='what';
	}

function chgcolor5() {
	document.getElementById("where").className='whaton';
	}
	
function chgcolor6() {
	document.getElementById("where").className='what';
	}
	
function chgcolor7() {
		
	document.getElementById("about").className='whaton';
		}
		
function chgcolor8() {
		
	document.getElementById("about").className='what';
	}
	
function chgcolor9() {
		
	document.getElementById("magazine").className='whaton';
		}
		
function chgcolor10() {
		
	document.getElementById("magazine").className='what';
	}	

function chgcolor11() {
		
	document.getElementById("services").className='whaton';
	document.getElementById("services").style.color='white';
		}
		
function chgcolor12() {
		
	document.getElementById("services").className='what';
	document.getElementById("services").style.color='#E6000B';
	}	
	
function chgcolor13() {
	
document.getElementById("contact").className='whaton';
document.getElementById("contact").style.color='white';
	}
		
function chgcolor14() {
		
	document.getElementById("contact").className='what';
	document.getElementById("contact").style.color='#E6000B';
	}
	
function chgcolor15() {
	
document.getElementById("bridal").className='whaton';
document.getElementById("bridal").style.color='white';
	}
		
function chgcolor16() {
		
	document.getElementById("bridal").className='what';
	document.getElementById("bridal").style.color='#E6000B';
	}	
	
function chgcolor17() {
		
	document.getElementById("nutrition").className='whaton';
	}			
function chgcolor18() {
		
	document.getElementById("nutrition").className='what';
	}	
	
function chgcolor19() {
		
	document.getElementById("consumer").className='whaton';
	}			
function chgcolor20() {
		
	document.getElementById("consumer").className='what';
	}	
*/	

/******************/

//display onglet 
function showOngletFP(obj,n){
	var ong = document.getElementById("onglets");
	var elements = ong.getElementsByTagName("a");
	for(var i=0;i<elements.length;i++){
		if(elements[i].className == "active"){ // remove class active 
			elements[i].className = "";
		}
	}	
	obj.className="active"; // add Class active for current Item
	
	hideOtherOnglet("div","detailInfoItem"); // hide the other tabs
	document.getElementById("item"+n).style.display = "block";
}	

function hideOtherOnglet(tag, className){	
	var obj = document.getElementById('informationPdt');
	var elements = obj.getElementsByTagName(tag);
	for(var i=0; i<elements.length; i++){
		if(elements[i].className.indexOf(className) != -1){	
			elements[i].style.display = 'none';
		}
	}
}
	
/* Roll over sur les miniatures */
function initDiapo(){
	
	if(document.getElementById("mainVisuPdt")){
		var mainVisu = document.getElementById("mainVisuPdt").getElementsByTagName('img').item(0);	// Big visuel 		
		var obj = document.getElementById("listVisuPdt"); // List Miniatur
		var elem = obj.getElementsByTagName("a"); 
		for(var i=0;i<elem.length;i++){
			elem[i].onmouseover = function(){
				var rel=this.getAttribute('rel'); // récupérer les rel des liens
				var myRel = rel.split('#'); // séparer les 2 path 
				
				//myRel[0] ==> First element = image au roll 
				//myRel[0]	==> second element = image zoom
				
				mainVisu.src = myRel[0]; // affecter l image au roll 
				
				var zoomImg = document.getElementById("zoomVisu").getElementsByTagName('img').item(0); // charger l'image pr la popin 
				zoomImg.src = myRel[1];
				
				return false;
			}
		}		
	}

}

// Print 
function printit(){
	if (window.print)
		{
			window.print() ;
		} else
		{
			var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
			document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
			WebBrowser1.ExecWB(6, 2);
			WebBrowser1.outerHTML = "";
		}
}

/* POPIN */
function initPopin(obj){
	var pop = obj.className; // popin A Afficher
	hidePopin();
	resizeOverlay();
	setPositionPopin();
	document.getElementById(pop).style.display = "block";
	
	/**/
	var btClose = document.getElementsByTagName("a");
	for(var i=0; i<btClose.length; i++){
		if(btClose[i].className == 'btClose'){
			btClose[i].onclick = function(){
				document.getElementById("popinOverlay").style.display = "none";
				hidePopin();
				return false;
			}
		}		
	}
	
	/**/
	var overlay = document.getElementById("popinOverlay");	
	overlay.onclick = function(){
		this.style.display = 'none';
		hidePopin();
		return false;
	}
	
	
}

/* POSITIONNEMENT DE LA POPIN */
function setPositionPopin(pop){
	var dim = getPageSize();
	var scroll = getPageScroll();
	
	var elem = document.getElementsByTagName("div");
	for(var i=0; i<elem.length; i++){
		if(elem[i].className == 'popin'){
			elem[i].style.top = (scroll[1] + (dim[3] / 10))+'px';
			elem[i].style.left = ((dim[2]-484)/2)+'px';
			elem[i].style.opacity = 1 ;
		}
	}
	
	
}

function hidePopin(){	
	var elem = document.getElementsByTagName("div");
	for(var i=0; i<elem.length; i++){
		if(elem[i].className == 'popin'){
			var ifrm = false;
			if(elem[i] == document.getElementById('popinVideo') && elem[i].style.display=="block"){	// si la popin video ouvert			
				ifrm = true;
			}			
			elem[i].style.display = "none";	
			
			if(ifrm){
				document.getElementById("iframeVideo").src = "#"; // vider l iframe
			}
				
		}
	}
}

function resizeOverlay(){
	var overlay = document.getElementById("popinOverlay");	
	
	var scroll = getPageScroll();
	var hi = getHeight() + scroll[1];	
	
	overlay.style.height = hi+'px';
	overlay.style.display = 'block';
}

/*------------------------------------*/
function init(){
	initDiapo();
	
	/* roll over nav Top*/
	sfHover();
	
	/* load Popin */
	var elems = document.getElementsByTagName("a");
	for(var i=0; i<elems.length; i++){
		if(elems[i].className == 'popinPhoto'){ // load popin Poto quand on clique sur un lien dont la classe est ' linkPopin '
			elems[i].onclick = function(){
				initPopin(this);
				return false;
			}
		}
		
		if(elems[i].className == 'popinVideo'){ // load popin Poto quand on clique sur un lien dont la classe est ' linkPopin '
			elems[i].onclick = function(){
				getIframe(this);
				initPopin(this);	
				return false;
			}
		}
	}
}

function getIframe(obj){
	var url = obj.getAttribute('rel'); // récupérer le url de la video
	var iframe = document.getElementById("iframeVideo");
	iframe.src = url;
	
}

/**/
addLoadListener(init);

/********************************************************************************/
/*
	 multiple loads on a same windows load event.
*/
function addLoadListener(fn){
	/* Code for Mozilla-Gecko w3c Standards */
	if(typeof window.addEventListener != 'undefined'){
		window.addEventListener('load', fn, false);
	}
	/* Code For compatibility with Opera */
	else if(typeof document.addEventListener != 'undefined'){
		document.addEventListener('load', fn, false);
	}
	/* Code for IE */
	else if(window.attachEvent('onload') != 'function'){
		window.attachEvent('onload', fn);
	}
	/* Code for IE 5 Mac */
	else{
		var oldFn = window.onload;
		if(typeof window.onload != 'function'){
			window.onload=fn;
		}
		else{
			window.onload=function(){
				oldFn();
				fn();
			};
		}
	}
}

/* Fction general popin */

function getHeight(){ // renvoi le height 
	if(window.innerHeight || window.innerWidth)
		return window.innerHeight ;
	return document.documentElement.clientHeight ;
}

// Renvoie les dimensions de la page
function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
};

function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
}