/*
 * 
 *
*/
function initSiteGalerie()
{	
	page=1;
	var pages=$$('.pageGalerieJS');
	maxPage=pages.length;
	
	if($('premierePage'))
	{
		Event.observe('premierePage','click',function (){allerPage(1);});
	}
	if($('dernierePage'))
	{
		Event.observe('dernierePage','click',function (){allerPage(maxPage);});
	}
	if($('pagePrecedente'))
	{
		Event.observe('pagePrecedente','click',function (){allerPage(page-1);});
	}
	if($('pageSuivante'))
	{
		Event.observe('pageSuivante','click',function (){allerPage(page+1);});
	}
	if($('UpremierePage'))
	{
		Event.observe('UpremierePage','click',function (){allerPage(1);});
	}
	if($('UdernierePage'))
	{
		Event.observe('UdernierePage','click',function (){allerPage(maxPage);});
	}
	if($('UpagePrecedente'))
	{
		Event.observe('UpagePrecedente','click',function (){allerPage(page-1);});
	}
	if($('UpageSuivante'))
	{
		Event.observe('UpageSuivante','click',function (){allerPage(page+1);});
	}
	if($('LpremierePage'))
	{
		Event.observe('LpremierePage','click',function (){allerPage(1);});
	}
	if($('LdernierePage'))
	{
		Event.observe('LdernierePage','click',function (){allerPage(maxPage);});
	}
	if($('LpagePrecedente'))
	{
		Event.observe('LpagePrecedente','click',function (){allerPage(page-1);});
	}
	if($('LpageSuivante'))
	{
		Event.observe('LpageSuivante','click',function (){allerPage(page+1);});
	}
	
	var listeImgActionHover=$$('.actionImgHover');
	for(var i=0;i<listeImgActionHover.length;i++)
	{
		Event.observe(listeImgActionHover[i],'mouseover',afficherImageAction);
	}
	var listeImgActionClic=$$('.actionImgClic');
	for(var i=0;i<listeImgActionClic.length;i++)
	{
		Event.observe(listeImgActionClic[i],'click',afficherImageAction);
	}
	
	if(listeImgActionHover.length)
	{
		afficherImageActionInit(listeImgActionHover[0])
	}
	else if(listeImgActionClic.length)
	{
		afficherImageActionInit(listeImgActionClic[0])
	}

	var listeSousCat=$$('.JSSousCatAssoc');
	for(var i=0;i<listeSousCat.length;i++)
	{
		Event.observe(listeSousCat[i],'click',accordeonSousCat);
	}

	var listeLink=$$('.JSLinkMenuAsso');
	for(var i=0;i<listeLink.length;i++)
	{
		Event.observe(listeLink[i],'click',linkSelect);
	}
	
}

//affichage de l'assosciation selectionn�e
function linkSelect(event)
{
	var element=this;
	
	changeClassSelect(element);
	
	if(navigator.appName=='Microsoft Internet Explorer')
	{
		var target=element.readAttribute('target');
		if(target)
		{
			var obj=$(''+target);
			if(obj)
			{
				obj.location.assign(element.readAttribute('href'));
			}
		}
		event.stop();
	}
	
	var categorie=element.readAttribute('categorie');
	if(categorie)
	{
		var listeJSSousCat=$$('.JSSousCat');
		for(var i=0;i<listeJSSousCat.length;i++)
		{
			listeJSSousCat[i].hide();
		}

		var listeJSSousCatAssoc=$$('.JSSousCatAssoc');
		for(var i=0;i<listeJSSousCatAssoc.length;i++)
		{
			listeJSSousCatAssoc[i].src='/images/pictos/picto_plus.jpg';
		}
		
		
		var sousCat=$('JSSousCat'+categorie);
		if(sousCat)
		{
			sousCat.show();
			var plusElement=$('JSPlusCat'+categorie);
			if(plusElement)
			{
				plusElement.src='/images/pictos/picto_moins.jpg';
			}
		}		
	}
}

function changeClassSelect(element)
{
	var listeLink=$$('.menuAssoProduit');
	for(var i=0;i<listeLink.length;i++)
	{
		listeLink[i].removeClassName('menuAssoProduit');
	}
	element.addClassName('menuAssoProduit');
}

function changeLogo(logoValue)
{
	var marque=$('marqueLogo');
	if (marque)
	{
		if(marque.value!=logoValue)
		{
			marque.value=logoValue;
			var img=$('imgLogo');
			if(img)
			{
				img.src=logoValue;
			}			
		}		
	}
	
}

//ouvrir et fermer les sous-menu dans le menu assosciation
function accordeonSousCat()
{
	var element=this;
	var categorie=element.readAttribute('categorie');
	var sousCat=$('JSSousCat'+categorie);
	if(sousCat.visible())
	{
		sousCat.hide();
		element.src='/images/pictos/picto_plus.jpg';
	}
	else
	{
		sousCat.show();
		element.src='/images/pictos/picto_moins.jpg';
	}
}

//changer de page de galerie
function allerPage(newPage)
{
	if(newPage<1||newPage>maxPage||newPage==page)
	{
		return false;
	}
	else
	{
		var pageCourante=$('pageGalerie'+page);
			pageCourante.hide();
		var numPageU='';
		if(numPageU=$('numPageU'+page))
			numPageU.removeClassName('pageActive');
		var numPageL='';
		if(numPageL=$('numPageL'+page))
			numPageL.removeClassName('pageActive');
		var numPage='';
		if(numPage=$('numPage'+page))
			numPage.removeClassName('pageActive');
			

		var nouvellePage=$('pageGalerie'+newPage);
			nouvellePage.show();
		var numNewPageU='';
		if(numNewPageU=$('numPageU'+newPage))
			numNewPageU.addClassName('pageActive');
		var numNewPageL='';
		if(numNewPageL=$('numPageL'+newPage))
			numNewPageL.addClassName('pageActive');
		var numNewPage='';
		if(numNewPage=$('numPage'+newPage))
			numNewPage.addClassName('pageActive');
			
		page=newPage;
		
		return false;
	}
}

//afficher l'image dans la zone cible
function afficherImageAction()
{
	var cible=$(this.readAttribute('cible'));
	if(cible)
	{
		var img=this.readAttribute('image');
		var alt=this.readAttribute('imgAlt');
		
			cible.innerHTML='<table style="width:100%;height:100%;"><tr><td style="vertical-align:middle;text-align:center;"><img src="'+img+'" alt="'+alt+'" /></td></tr></table>';
	}
}

//afficher la premiere image dans la zone cible lors de l'affichage de la page
function afficherImageActionInit(element)
{
	var cible=$(element.readAttribute('cible'));
	if(cible)
	{
		var img=element.readAttribute('image');
		var alt=element.readAttribute('imgAlt');
		
			cible.innerHTML='<table style="width:100%;height:100%;"><tr><td style="vertical-align:middle;text-align:center;"><img src="'+img+'" alt="'+alt+'" /></td></tr></table>';
	}
}

// affichage de l'animation sur fond gris en pseudo popup
function myGray(objet){
	if($('grayDiv')){
		$('grayDiv').show();
	}else{
		var secondDiv = document.createElement('div');
		secondDiv.id ='grayDiv';
		secondDiv.setAttribute('style','width:100%;height:100%;background-image:url("/uploads/design/divers/bg_black25.png");z-index:30000;position:absolute;top:0px;left:0px;');
		secondDiv.innerHTML='&nbsp;';
		document.body.appendChild(secondDiv);
	}
	if($('mainDiv'))
	{
		$('mainDiv').show();
	}
	else
	{		
		var mainDiv = document.createElement('div');
		mainDiv.id ='mainDiv';
		mainDiv.setAttribute('style','width:100%;height:100%;z-index:30001;position:absolute;top:0px;left:0px;')
		var button="<b class=\"cliquable\" style=\"padding:10px\" onClick=\"$('grayDiv').hide();$('mainDiv').hide();\"><img src=\"/uploads/design/divers/btn_360fermer.png\" alt=\"FERMER\"/></b>" ;
		mainDiv.innerHTML='<table style="height:100%;width:100%;"><tr><td  style="vertical-align:middle;text-align:center;"><table style="width:100%;border-collapse:collapse;"><tr><td style="vertical-align:middle;text-align:center;">'+objet+'</td></tr><tr><td  style="text-align:center;">'+button+'</td></tr></table></td></tr></table>';
		document.body.appendChild(mainDiv);		
	}
}


function myParentGray(objet){
	if(self.location==top.location){		
		self.myGray(objet);
	}else{		
		top.myGray2(objet);
	}

}

// affichage de l'animation sur fond gris en pseudo popup
function myGray2(objet){
	if($('grayDiv')){
		$('grayDiv').show();
	}else{
		var secondDiv = document.createElement('div');
		secondDiv.id ='grayDiv';
		secondDiv.setAttribute('style','width:100%;height:100%;background-image:url("/uploads/design/divers/bg_noir50.png");z-index:30000;position:absolute;top:0px;left:0px;');
		secondDiv.innerHTML='&nbsp;';
		document.body.appendChild(secondDiv);
	}
	if($('mainDiv'))
	{
		document.body.removeChild($('mainDiv'));		
	}
	var mainDiv = document.createElement('div');
	mainDiv.id ='mainDiv';
	mainDiv.setAttribute('style','width:100%;height:100%;z-index:30001;position:absolute;top:0px;left:0px;')
	var button1="<b class=\"cliquable\" style=\"padding:1px\" onclick=\"$('grayDiv').hide();$('mainDiv').hide();\"><img src=\"/uploads/design/divers/btn_fermer_off.png\" alt=\"FERMER\" onmouseover=\"this.src='/uploads/design/divers/btn_fermer_on.png'\" onmouseout=\"this.src='/uploads/design/divers/btn_fermer_off.png'\" /></b>" ;
	var button2="<a href=\"http://www.e-commerce360.com\" target=\"_blank\" class=\"cliquable\" style=\"padding:1px\"><img src=\"/uploads/design/divers/btn_ec360_off.png\" alt=\"FERMER\"  onmouseover=\"this.src='/uploads/design/divers/btn_ec360_on.png'\" onmouseout=\"this.src='/uploads/design/divers/btn_ec360_off.png'\" /></b>" ;
	var internaltable='<table style="border-collapse:collapse;"><tr><td>&nbsp;</td><td  style="text-align:right;">'+button1+'</td><td>&nbsp;</td></tr><tr><td width="40%">&nbsp;</td><td style="vertical-align:middle;text-align:center;">'+objet+'</td><td width="40%">&nbsp;</td></tr><tr><td>&nbsp;</td><td  style="text-align:left;">'+button2+'</td><td>&nbsp;</td></tr></table>';
	mainDiv.innerHTML='<table style="height:100%;width:100%;"><tr><td  style="vertical-align:middle;text-align:center;">'+internaltable+'</td></tr></table>';
	document.body.appendChild(mainDiv);		

}



//Initialisation
Event.observe(window,'load',initSiteGalerie);