//on applique la fonction d'aggrandissement qu'une fois la page chargée
$(document).ready(function()
{

	//on recupere toutes les images a aggrandir
	var tab = $(".aggrandissement");                        
	for(i=0;i<tab.length;i++)
	{
		//on recupere l'image i de classe aggrandissement ainsi que ses attributs
		obj = $(".aggrandissement:eq("+i+")");
		objSrc = obj.attr('src');
		pos = objSrc.lastIndexOf("/",objSrc.length);
		//alert(pos);
		debSrc = objSrc.substring(0,pos);
		finSrc = objSrc.substring(pos,objSrc.length);
		//alert(debSrc+" "+finSrc);
		posTraitBas = debSrc.lastIndexOf("_",objSrc.length);
		debSrc = debSrc.substring(0,posTraitBas)+"_HD";
		//alert(objSrc);
		objSrc = debSrc+finSrc;
		//alert(objSrc);
		objTitre = obj.attr('title');
				
									
		//on englobe l'image dans un lien nyromodal						
		obj.wrap("<a href='"+objSrc+"' class='nyroModal' title='"+objTitre+"' rel='gal'></a>");
		
		//on cree l'image du zoom (span avec une image background) juste avant l'image
		obj.before("<span class='loupe'> </span>");
		//on récupère le lien nyromodal qu'on vient de creer			
		objBis = obj.parent("a");
	
		//on englobe la loupe dans une div afin de la positionner
		/*objBis = $(".loupe:eq("+i+")");
		objBis.wrap("<div class='divLoupe'></div>");
		*/
		
		//au survol de l'image on change l'image du zoom
		objBis.hover(
				  function () {
					$(this).parent("div").children().css("background-position","0% -20px");
				  }, 
				  function () {
					$(this).parent("div").children().css("background-position","0% 0px");
				  }
				);
				
		//au survol du zoom on change son image
		/*objBis.hover(
				  function () {
					objBis.css("background-position","0% -20px");
				  }, 
				  function () {
					objBis.css("background-position","0% 0px");
				  }
				);
		*/
	}
	
	
	//on recupere toutes les div visuelpro
	var tab = $(".visuel");
	for(i=0;i<tab.length;i++)
	{
		//si il ya plus d'une image de classe galerie dans la div visuelPro alors on applique un nyromodal a la série d'image
		nb = $(".visuel:eq("+i+") .galerie").length;
		if(nb > 1)
		{
			//on recupère la div visuelPro i
			maDiv = $(".visuel:eq("+i+")");
			//on cree l'image du zoom (span avec une image background) avant la premiere image dans la div
			maDiv.prepend("<span class='loupe'> </span>");
			
			//on recupere toutes les images de classe galerie dans la div courante
			galerie = $(".visuel:eq("+i+") .galerie");		
			
			for(u=0;u<galerie.length;u++)
			{
				//on recupere l'image courante et ses données ainsi que son parent
				obj = maDiv.find(".galerie:eq("+u+")");
				objSrc = obj.attr('src');
				pos = objSrc.lastIndexOf("/",objSrc.length);
				//alert(pos);
				debSrc = objSrc.substring(0,pos);
				finSrc = objSrc.substring(pos,objSrc.length);
				//alert(debSrc+" "+finSrc);
				posTraitBas = debSrc.lastIndexOf("_",objSrc.length);
				debSrc = debSrc.substring(0,posTraitBas)+"_HD";
				//alert(objSrc);
				objSrc = debSrc+finSrc;
				objTitre = obj.attr('title');							
				//on englobe l'image dans un lien nyromodal	
				obj.wrap("<a href='"+objSrc+"' class='nyroModal' title='"+objTitre+"' rel='gal'></a>");							
				
				//on recupere ce lien nyromodal
				objBis = obj.parent("a");
				
				//au survol de on change le background de la loupe correspondante
				objBis.hover(
				  function () {
					
					//on recupere tous les liens nyromodal (un par image) de la div qui contient le lien
					tabImg = $(this).parent("div").find(".nyroModal");
					//on parcourt tous ces lien
					for(j=0;j<tabImg.length;j++)
					{
						lien = $(this).parent("div").find(".nyroModal:eq("+j+")");
						//si le lien courant a la mm destination que le lien survolé on recupère le numéro num
						if(lien.attr("href") == $(this).attr("href"))
						{
							var num = j;
						}
						
					}
					//on deplace le background de la loupe
				  	$(this).parent("div").children().css("background-position","0% -20px");
					
					//on colorise la legende (li) numero num dans la div
					monUl = $(this).parent("div").find("ul");
					monLi = monUl.find("li:eq("+num+")");
					monLi.css("color","red");
				  }, 
				  function () {
					//c'est le mm principe que pour le rollover
					tabImg = $(this).parent("div").find(".nyroModal");

					for(j=0;j<tabImg.length;j++)
					{
						lien = $(this).parent("div").find(".nyroModal:eq("+j+")");

						if(lien.attr("href") == $(this).attr("href"))
						{
							var num = j;
						}

					}
					$(this).parent("div").children().css("background-position","0% 0px");
					//$(this).css("border","solid 1px black");
					monUl = $(this).parent("div").find("ul");
					monLi = monUl.find("li:eq("+num+")");
					monLi.css("color","black");
				  }
				);	
			}	
			
			
		}
	}
	
	//on lance l'instanciation des nyroModal
	$($.initializationNyroModal());
	
});