//** PopUp simple **//
function openPop(f,l,h,op) {
	var marginLeft = (screen.width/2) - (l/2); 
	window.open(f,'Sprite','width='+l+',height='+h+',left='+marginLeft+',top='+marginTop+',resizable=no,'+op+'');
	var marginTop = (screen.height/2) - (h/2); 
}
function loadPopUp() {
    var load = window.open('http://www.webtogallery.fr/services/760/3774/popup.htm','','scrollbars=no,menubar=no,width=420,height=700,resizable=yes,toolbar=no,location=no,status=no');
}

function setIE6HackPngLinks (o) {
	pngLinks += '<a href="'+$(o.id).href+'" style="background:#000;display:block;position:absolute;top:'+o.top+'px;left:'+o.left+'px;width:'+$(o.id).offsetWidth+'px;height:'+$(o.id).offsetHeight+'px;"></a>';
}

//*** Chargement  ***//
function init(){
	
	//*** Correction Png IE6  ***//
	myIE6Hack = new IE6Hack();
	myIE6Hack.pngFix(pngFixUrl);
	
	//*** Navigation  ***//
	var navNodes = $$("#navTop .rub");
	
	for (var i=0;i<navNodes.length;i++) {
		var myNav = 'navOn'+i; 
		if (navNodes[i].getElementsByTagName('a')[0].className=="on"){
		    $(myNav).style.display = "block";
	    } else {
		    Event.observe(navNodes[i].getElementsByTagName('a')[0],"mouseover",showBlock.bindAsEventListener(this,myNav));
		    Event.observe(navNodes[i].getElementsByTagName('a')[0],"mouseout",hideBlock.bindAsEventListener(this,myNav));
	    }
	}
	var olNodes = $$("#navTop ol");
    for (var j=0; j<olNodes.length; j++){	    
        Event.observe(olNodes[j].parentNode,"mouseover",showOlBlock.bindAsEventListener(this,olNodes[j]));
        Event.observe(olNodes[j].parentNode,"mouseout",hideOlBlock.bindAsEventListener(this,olNodes[j]));
	}
	
	//*** Page Sprite  ***//
	if ($('mix')) showLayer('mix');
	if ($('zero')) showLayer('zero');
	if ($('pub')) showLayer('pub');
	//if ($('citron')) showLayer('citron');
	
	//*** Quizz  ***// 
	if ($('quizz')) manageQuizz();
	
	//*** Videos notre engagement/soutenir ***// 
	if ($('pubEngagement')) var myVideos = new manageVideoPub();
	
	//*** Gallerie Rip Curl ***// 
	if ($('gallerieRC')) var myGallery = new manageGallerieRC();
	if ($('listeVideoRC')) var myVideo = new manageVideoRC();
	
	//*** Page ecole de surf decalage footer pour frame ***// 
	if($('surfSchool')) $('footer').style.top = 765+'px';
	
	//Galerie jeux
	if($('rightGame')) var myVideo = new manageGallerieGame();
}
	
var myIE6Hack;
Event.observe(window, 'load',init);

//** Gestion navigation Top **//
function showBlock(o,block) {
	$(block).style.display = "block"; 
}
function hideBlock(o,block) {
	$(block).style.display = "none";
}
function showOlBlock(o,block) {
	$(block).style.display = "block";
	Element.addClassName($(block).parentNode.getElementsByTagName('a')[0],'hover');
}
function hideOlBlock(o,block) {
	$(block).style.display = "none";
	if($(block).className!="block") $(block).parentNode.getElementsByTagName('a')[0].removeClassName('hover');
}



var pngLinks = '';
function IE6HackPngLinks (items) {
	if (navigator.appVersion.indexOf("MSIE 6")!=-1) {
		for (var i=0;i<items.length;i++) {
			setIE6HackPngLinks($(items[i]));
		}
		$('IE6HackLinks').innerHTML = pngLinks;
	}
}

//*** Page Sprite  ***//
function showLayer(myProd){
	var layerNodes = $$('#produit .layer');
	
	for (var i=0;i<layerNodes.length;i++){
		layerNodes[i].style.display = 'none';
		layerNodes[i].style.zIndex = '200';
		$$('#produit .buttons')[i].style.zIndex = '100';
	}
	
	$$('#produit .'+myProd)[0].style.zIndex = '300';
	$(myProd).style.display = 'block';
}