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


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