// -----------------------------------------------------------------------------------


//


//	Lightbox v2.0


//	by Lokesh Dhakar - http://www.huddletogether.com


//	3/27/06


//


//	For more information on this script, visit:


//	http://huddletogether.com/projects/lightbox2/


//


//	Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/


//


//	Credit also due to those who have helped, inspired, and made their code available to the public.


//	Including: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.org), Thomas Fuchs(mir.aculo.us), and others.


//


//


// -----------------------------------------------------------------------------------


/*





	Table of Contents


	-----------------


	Configuration


	Global Variables





	Extending Built-in Objects


	- Object.extend(Element)


	- Array.prototype.removeDuplicates()


	- Array.prototype.empty()





	lightbox Class Declaration


	- initialize()


	- start()


	- changeImage()


	- resizeImageContainer()


	- showImage()


	- updateDetails()


	- updateNav()


	- preloadNeighborImages()


	- end()





	Miscellaneous Functions


	- getPageScroll()


	- getPageSize()


	- getKey()


	- listenKey()


	- showSelectBoxes()


	- hideSelectBoxes()


	- pause()


	- addLoadEvent()


	- initLightbox()





	Function Calls


	- addLoadEvent(initLightbox)





*/


// -----------------------------------------------------------------------------------


// adaptacion de la libreria LIGHBOX de Lokesh Dhakar - http://www.huddletogether.com


//


//	Configuration


//


//var fileLoadingImage = "../../images/loading.gif";


//var fileBottomNavCloseImage = "../../images/close.gif";


var borderSize = 10;


var gBoo_mostrarAlbum=true


var carousel=null;


var anchoIniCarrusel=0;


var gBoo_FlechasDepCarrusel=true


// -----------------------------------------------------------------------------------





//


//	Global Variables


//


var imageArray = new Array;


var activeImage;





// -----------------------------------------------------------------------------------





//


//	Additional methods for Element added by SU, Couloir


//	- further additions by Lokesh Dhakar (huddletogether.com)


//


Object.extend(Element, {


	getWidth: function(element) {


	   	element = $(element);


	   	return element.offsetWidth;


	},


	setWidth: function(element,w) {


	   	element = $(element);


    	element.style.width = w +"px";


	},


	setHeight: function(element,h) {


   		element = $(element);


    	element.style.height = h +"px";


	},


	setTop: function(element,t) {


	   	element = $(element);


//    	element.style.top = t +"px";


    	element.style.top = t +"px";


	},


	setSrc: function(element,src) {


    	element = $(element);


    	element.src = src;


	},


	setHref: function(element,href) {


    	element = $(element);


    	element.href = href;


	},


	setInnerHTML: function(element,content) {


		element = $(element);


		element.innerHTML = content;


	}


});





// -----------------------------------------------------------------------------------





//


//	Extending built-in Array object


//	- array.removeDuplicates()


//	- array.empty()


//


Array.prototype.removeDuplicates = function () {


	for(i = 1; i < this.length; i++){


		if(this[i][0] == this[i-1][0]){


			this.splice(i,1);


		}


	}


}





// -----------------------------------------------------------------------------------





Array.prototype.empty = function () {


	for(i = 0; i <= this.length; i++){


		this.shift();


	}


}





// -----------------------------------------------------------------------------------





//


//	lightbox Class Declaration


//	- initialize()


//	- start()


//	- changeImage()


//	- resizeImageContainer()


//	- showImage()


//	- updateDetails()


//	- updateNav()


//	- preloadNeighborImages()


//	- end()


//


//	Structuring of code inspired by Scott Upton (http://www.uptonic.com/)


//


var lightbox = Class.create()





lightbox.prototype = {





	// initialize()


	// Constructor runs on completion of the DOM loading. Loops through anchor tags looking for


	// 'lightbox' references and applies onclick events to appropriate links. The 2nd section of


	// the function inserts html at the bottom of the page which is used to display the shadow


	// overlay and the image container.


	//





	initialize: function() {


		//if (!document.getElementsByTagName){ return; }


		/*var anchors = document.getElementsByTagName('a');


		// loop through all anchor tags


		for (var i=0; i<anchors.length; i++){


			var anchor = anchors[i];





			var relAttribute = String(anchor.getAttribute('rel'));





			// use the string.match() method to catch 'lightbox' references in the rel attribute


			if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('pegatinas'))){


				anchor.onclick = function () {myLightbox.start(this); return false;}


			}





		}*/





		// The rest of this code inserts html at the bottom of the page that looks similar to this:


		//


		//	<div id="overlay"></div>


		//	<div id="lightbox">


		//		<div id="imageContainer">


		//			<img id="lightboxImage">


		//			<div style="" id="hoverNav">


		//				<a href="#" id="prevLink"></a>


		//				<a href="#" id="nextLink"></a>


		//			</div>


		//			<div id="loading">


		//				<a href="#" id="loadingLink">


		//					<img src="/Ebatzokia/images/loading.gif">


		//				</a>


		//			</div>


		//		</div>


		//		<div id="imageData">


		//			<div id="imageDetails">


		//				<span id="caption"></span>


		//				<span id="numberDisplay"></span>


		//			</div>


		//			<div id="bottomNav">


		//				<a href="#" id="bottomNavClose">


		//					<img src="/Ebatzokia/images/close.gif">


		//				</a>


		//			</div>


		//		<div id="formuComentarios">


		//		</div>


		//		</div>


		//	</div>








		var objBody = document.getElementsByTagName("body").item(0);





		if(!$('sombreado')){


			crearCapaSombreado()


		}


		objOverlay=$('sombreado')


		objOverlay.style.display = 'none';





		this.crearCarrusel(objBody);


		


		var objLightbox = document.createElement("div");


		objLightbox.setAttribute('id','lightbox');


		objLightbox.style.display = 'none';


		objBody.appendChild(objLightbox);





		var objImageContainer = document.createElement("div");


		objImageContainer.setAttribute('id','imageContainer');


		objImageContainer.onclick = null;


		objLightbox.appendChild(objImageContainer);





		var objLightboxImage = document.createElement("img");


		objLightboxImage.setAttribute('id','lightboxImage');


		objImageContainer.appendChild(objLightboxImage);





		var objHoverNav = document.createElement("div");


		objHoverNav.setAttribute('id','hoverNav');


		objImageContainer.appendChild(objHoverNav);





		var objPrevLink = document.createElement("a");


		objPrevLink.setAttribute('id','prevLink');


		objPrevLink.setAttribute('href','#');


		objHoverNav.appendChild(objPrevLink);





		var objNextLink = document.createElement("a");


		objNextLink.setAttribute('id','nextLink');


		objNextLink.setAttribute('href','#');


		objHoverNav.appendChild(objNextLink);





		var objLoading = document.createElement("div");


		objLoading.setAttribute('id','loading');


		objImageContainer.appendChild(objLoading);





		var objLoadingLink = document.createElement("a");


		objLoadingLink.setAttribute('id','loadingLink');


		objLoadingLink.setAttribute('href','#');


		objLoadingLink.borrar=true


		objLoadingLink.onclick = function() {myLightbox.end(this.borrar,this.zIndexCapaSombra);


			return false;


		}


		objLoading.appendChild(objLoadingLink);





		var objLoadingImage = document.createElement("div");


		objLoadingImage.setAttribute('id', 'divCargaLightbox');


		objLoadingLink.appendChild(objLoadingImage);





		var objImageData = document.createElement("div");


		objImageData.setAttribute('id','imageData');


		objLightbox.appendChild(objImageData);





		var objImageDetails = document.createElement("div");


		objImageDetails.setAttribute('id','imageDetails');


		objImageData.appendChild(objImageDetails);





		var objCaption = document.createElement("div");


		objCaption.setAttribute('id','caption');


		objImageDetails.appendChild(objCaption);





		var objNumberDisplay = document.createElement("span");


		objNumberDisplay.setAttribute('id','numberDisplay');


		objImageDetails.appendChild(objNumberDisplay);





		var objBottomNav = document.createElement("div");


		objBottomNav.setAttribute('id','bottomNav');


		objImageData.appendChild(objBottomNav);





		var enlMostrarForm=document.createElement("p")


		objImageData.appendChild(enlMostrarForm)





		var enlace=document.createElement("a")


		enlace.setAttribute("id","abrirForment")


		enlace.setAttribute("href","#")


		enlMostrarForm.appendChild(enlace)





		Element.setInnerHTML(enlace,literalEnlace)





		var enlaceVerComentarios=document.createElement("a")


		enlaceVerComentarios.setAttribute("id","verComentarios")


		enlaceVerComentarios.setAttribute("href","#")


		enlaceVerComentarios.onclick=function (){	 return false;}


		enlMostrarForm.appendChild(enlaceVerComentarios)





		Element.setInnerHTML(enlaceVerComentarios,literalVerComentarios)











		var objFormComent=document.createElement("div")


		objFormComent.setAttribute('id','formuComentarios');


		Element.hide(objFormComent)


		objImageData.appendChild(objFormComent);





		var formulario=document.createElement("form")


		formulario.setAttribute("action","")


		formulario.setAttribute("name","formulario")


		formulario.setAttribute("method","")


		objFormComent.appendChild(formulario)








		var divComentarios=document.createElement("div")


		formulario.appendChild(divComentarios)





		var etiqueta=document.createElement("label")


		divComentarios.appendChild(etiqueta)





		Element.setInnerHTML(etiqueta,literalLabel)





		var hiddenId=document.createElement("input")


		hiddenId.setAttribute("type","hidden")


		hiddenId.setAttribute("id","idHiden")


		hiddenId.setAttribute("name","wRegistro")


		hiddenId.setAttribute("value","")


		divComentarios.appendChild(hiddenId)





		var hiddenSeccion=document.createElement("input")


		hiddenSeccion.setAttribute("type","hidden")


		hiddenSeccion.setAttribute("id","seccion")


		hiddenSeccion.setAttribute("name","wTabla")


		hiddenSeccion.setAttribute("value","")


		divComentarios.appendChild(hiddenSeccion)





		var comentario=document.createElement("textarea")


		comentario.setAttribute("name","wComentario")


		comentario.setAttribute("id","comentarios")


		divComentarios.appendChild(comentario)








		var botonEnvio=document.createElement("a")


		botonEnvio.setAttribute("href","javascript:enviarComentario()")


		botonEnvio.setAttribute("id","enviar")


		botonEnvio.setAttribute("onfocus","this.blur();")


		divComentarios.appendChild(botonEnvio)





		Element.setInnerHTML(botonEnvio,literalEnvio)





		var objBottomNavCloseLink = document.createElement("a");


		objBottomNavCloseLink.setAttribute('id','bottomNavClose');


		objBottomNavCloseLink.setAttribute('href','#');


		objBottomNavCloseLink.setAttribute('onfocus','this.blur();')


		objBottomNavCloseLink.borrar=true


		objBottomNavCloseLink.onclick = function() {


				myLightbox.end(this.borrar,this.zIndexCapaSombra); 


			return false; }


		objBottomNav.appendChild(objBottomNavCloseLink);





		var objBottomNavCloseImage = document.createElement("div");


		objBottomNavCloseImage.setAttribute('id','cerrarLightBox');


		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);


	},





	//


	//	start()


	//	Display overlay and lightbox. If image is part of a set, add siblings to imageArray.


	//


	start: function(imageLink) {


		gBoo_mostrarAlbum=true;


		if(!$('lightbox')){


			initialize();


		}





		zIndexCapaSombra=Element.getStyle($('sombreado'),'z-index')


		nuevoZIndex=new Number(zIndexCapaSombra)+100


		$('sombreado').setStyle({zIndex:nuevoZIndex});


		$('lightbox').setStyle({zIndex:nuevoZIndex+1});


		$('carousel_div').setStyle({zIndex:nuevoZIndex+1});


		if(document.all){


			$('bottomNavClose').scrollOculto=(window.document.documentElement.style.overflow=="hidden")


			$('bottomNavClose').scrollPos=document.documentElement.scrollTop


		}else{


			$('bottomNavClose').scrollOculto=(window.document.body.style.overflow=="hidden")


		}


		muestraOcultaScrollPagina(true)


		


		if(Element.visible('sombreado')){


			$('bottomNavClose').borrar=false


			$('bottomNavClose').zIndexCapaSombra=zIndexCapaSombra


			$('loadingLink').borrar=false


			$('loadingLink').zIndexCapaSombra=zIndexCapaSombra


			


			


		}else{


			$('bottomNavClose').borrar=true


			$('loadingLink').borrar=true


		}


		


		if ($('header'))


		{


			//Element.scrollTo('header');


		}


		


		hideSelectBoxes();


		// stretch overlay to fill page and fade in


		var arrayPageSize = getPageSize();


		Element.setHeight('sombreado', arrayPageSize[1]);


		new Effect.Appear('sombreado', { duration: 0.2, from: 0.0, to: 0.5 });


		imageArray = [];


		imageNum = 0;


		//titulo="";


		if (!document.getElementsByTagName){ return; }


		var anchors = document.getElementsByTagName('a');





		// if image is NOT part of a set..


		if((imageLink.getAttribute('rel') == 'pegatinas')){


			// add single image to imageArray


			imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));


		} else {


		// if image is part of a set..


			// loop through anchors, find other images in set, and add them to imageArray

			for (var i=0; i<anchors.length; i++){


				var anchor = anchors[i];


				if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){


					imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));


					//titulo=anchor.getAttribute('title');





				}


			}



			imageArray.removeDuplicates();


			while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}


		}


		// calculate top offset for the lightbox and display

		var arrayPageSize = getPageSize();


		var arrayPageScroll = getPageScroll();


		var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);





		Element.setTop('lightbox', lightboxTop+50);


		Element.setTop('carousel_div', lightboxTop-30);


		Element.show('lightbox');




		this.changeImage(imageNum);


	},





	//


	//	changeImage()


	//	Hide most elements and preload image in preparation for resizing image container.


	//


	changeImage: function(imageNum) {





		activeImage = imageNum;	// update global var





		// hide elements during transition


		Element.show('loading');


		Element.hide('lightboxImage');


		Element.hide('hoverNav');


		Element.hide('prevLink');


		Element.hide('nextLink');


		Element.hide('imageData');


		Element.hide('numberDisplay');


		Element.hide('formuComentarios');





		imgPreloader = new Image();





		// once image is preloaded, resize image container


		imgPreloader.onload=function(){
			


			Element.setSrc('lightboxImage', imageArray[activeImage][0]);


			myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);


		}


		imgPreloader.src = imageArray[activeImage][0];


	},





	//


	//	resizeImageContainer()


	//


	resizeImageContainer: function( imgWidth, imgHeight) {





		// get current height and width


		this.wCur = Element.getWidth('imageContainer');


		this.hCur = Element.getHeight('imageContainer');





		// scalars based on change from old to new


		this.xScale = (imgWidth / this.wCur) * 100;


		this.yScale = (imgHeight / this.hCur) * 100;





		// calculate size difference between new and old image, and resize if necessary


		wDiff = (this.wCur - borderSize * 2) - imgWidth;


		hDiff = (this.hCur - borderSize * 2) - imgHeight;


		if(!( hDiff == 0)){ new Effect.Scale('imageContainer', this.yScale, {scaleX: false, duration: 0.6, queue: 'front'}); }


		if(!( wDiff == 0)){ new Effect.Scale('imageContainer', this.xScale, {scaleY: false, delay: 0.6, duration: 0.6}); }





		// if new and old image are same size and no scaling transition is necessary,


		// do a quick pause to prevent image flicker.


		if((hDiff == 0) && (wDiff == 0)){


			if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } else { pause(100);}


		}





		Element.setHeight('prevLink', imgHeight);


		Element.setHeight('nextLink', imgHeight);


		Element.setWidth( 'imageData', imgWidth);





		this.showImage();


	},





	//


	//	showImage()


	//	Display image and begin preloading neighbors.


	//


	showImage: function(){


		Element.hide('loading');


		new Effect.Appear('lightboxImage', { duration: 0.5, queue: 'end', afterFinish: function(){	myLightbox.updateDetails(); } });


		this.preloadNeighborImages();


	},





	//


	//	updateDetails()


	//	Display caption, image number, and bottom nav.


	//


	updateDetails: function() {





		Element.show('carousel_div')


		if(gBoo_mostrarAlbum){


			gBoo_mostrarAlbum=false;


			this.crearElementosCarrusel(imageArray,imageNum)


		}





		Element.show('caption');


		textoCaption=imageArray[activeImage][1].split("#");


		


		contenidoCaption="<p>"+textoCaption[0]+"</p>"


		Element.hide('formuComentarios')


		Element.hide('comentarios')


		Element.hide('verComentarios')


		Element.hide('abrirForment')


		


		if (textoCaption.length==4){


			Element.show('abrirForment')


			$('abrirForment').idRegistro=textoCaption[1]


			$('abrirForment').idTabla=textoCaption[2]


			$('abrirForment').onclick=function (){


				enviarComentarios(this.idRegistro,this.idTabla); return false;


			}





			$('idHiden').value=textoCaption[1];


			$('seccion').value=textoCaption[2];


			$('verComentarios').onclick=function ()


			{


				cargaListaComentariosFoto(textoCaption[1],textoCaption[2])


				return false;


			}


			if(textoCaption[3]=="Si"){


				Element.show('verComentarios')


			}else{


				Element.hide('verComentarios')


			}


		}


		





		if (textoCaption.length>5)


		{


			contenidoCaption="<p>";


			for (i=0;i<8;i++)


			{


				if ((i % 2)>0)


				{


					contenidoCaption+=textoCaption[i]+"</p>"


				} else {


					contenidoCaption+="<p><span class=\"label\">"+textoCaption[i]+"</span>";


				}


			}








			$('idHiden').value=textoCaption[8];


			$('seccion').value=textoCaption[9];


			$('verComentarios').onclick=function ()


			{


				cargaListaComentariosFoto(textoCaption[8],212)


			}


		}





		// if imaeis part of set display 'Image x of x')


		if(imageArray.length > 1){


			Element.show('numberDisplay');


			//Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " / " + imageArray.length);


			contenidoCaption+="<p>"+literalImagen +" "+ eval(activeImage + 1) +" "+ literalBarra +" "+ imageArray.length+"</p>"


		}


		Element.setInnerHTML( 'caption', contenidoCaption);
		
		new Effect.Appear('imageData', { duration: 0.5, queue: 'end', afterFinish: function(){	myLightbox.updateNav(); } });


		/*new Effect.Parallel(
				[ new Effect.SlideDown( 'imageData', { sync: true, from: 0.0, to: 1.0 }),
				  new Effect.Appear('imageData', { sync: true }) ],
				  { duration: 0.65, afterFinish: function() { myLightbox.updateNav();} });*/


	},





	//


	//	updateNav()


	//	Display appropriate previous and next hover navigation.


	//


	updateNav: function() {





		Element.show('hoverNav');





		// if not first image in set, display prev image button


		if(activeImage != 0){


			Element.show('prevLink');


			document.getElementById('prevLink').onclick = function() {


				myLightbox.changeImage(activeImage - 1);


				if(gBoo_FlechasDepCarrusel){


					carousel.scrollTo(activeImage)


				}


				return false;


			}


		}





		// if not last image in set, display next image button


		if(activeImage != (imageArray.length - 1)){


			Element.show('nextLink');


			document.getElementById('nextLink').onclick = function() {


				myLightbox.changeImage(activeImage + 1);


				if(gBoo_FlechasDepCarrusel){


					carousel.scrollTo(activeImage)


				}





				return false;


			}


		}


		


		reAjustarCapaSombra()


	},





	//


	//	preloadNeighborImages()


	//	Preload previous and next images.


	//


	preloadNeighborImages: function(){





		if((imageArray.length - 1) > activeImage){


			preloadNextImage = new Image();


			preloadNextImage.src = imageArray[activeImage + 1][0];


		}


		if(activeImage > 0){


			preloadPrevImage = new Image();


			preloadPrevImage.src = imageArray[activeImage - 1][0];


		}





	},





	//


	//	end()


	//


	muestraForm:function ()


	{


		Element.show('formuComentarios');


	},


	end: function(borrar,zIndex) {


		if ($('lightbox')){


			Element.hide('lightbox');


		}


		


		if ($('carousel_div')){


			Element.hide('carousel_div');


		}


		if($('bottomNavClose').scrollOculto){


			if(document.all){


				window.scrollTo($('bottomNavClose').scrollPos,$('bottomNavClose').scrollPos)


			}


			muestraOcultaScrollPagina(false)


		}


		if(borrar){


			//new Effect.Fade('sombreado', { duration: 0.2});


			Element.hide('sombreado');


			showSelectBoxes();


		}else{


			$('sombreado').setStyle({zIndex:zIndex});


		}


	},


	


	crearCarrusel: function(gObj_CapaPadre) {


	/*


	Nombre:crearCarrusel


	Versión:1.0


	Fecha:7/5/7


	Autor:Gaizka Anton


	Entrada:


		gObj_CapaPadre(obj)=Referencia de la capa donde hay que situar el carrusel.


	


	Salida:NO HAY PARAMETROS DE SALIDA


	Descripción:Este metodo crea los nodos HTML para constuir el carrusel.


	


	La estructura a crear es la que sigue:


	<div class="carousel_div">


		<div class="wrapper" id="wrapper_carousel">


			<div id="prev-arrow-container">


				<img id="prev-arrow" src="http://prototype-carousel.xilinus.com/images/left3-disabled.gif?1163492051" />


			</div>


			<div class="carousel-component" id="html-carousel">


				<div class="carousel-clip-region">


					<ul class="carousel-list">


						<li>


							<img alt="Image1" class="thumb" src="http://prototype-carousel.xilinus.com/images/image1.png?1163492051" />Image 1


						</li>


					</ul>


				</div>


			</div>


			<div id="next-arrow-container">


				<img id="next-arrow" src="http://prototype-carousel.xilinus.com/images/right3-enabled.gif?1163492051" />


			</div>


		</div>


	</div>


	*/	


		//Si no esta creado		


		if(!$('carousel_div')){


		//Creación del container


			gObj_ContDiv=crearNodo('div',gObj_CapaPadre,'carousel_div')


			


			gObj_Contenedor=crearNodo('div',gObj_ContDiv,'wrapper_carousel')


			Element.addClassName(gObj_Contenedor,'wrapper')


	


			//Definicion de la 'flechita' de pagina anterior


			gObj_Pre=crearNodo('div',gObj_Contenedor,'prev-arrow-container')


			


			gObj_ImgPre=crearNodo('img',gObj_Pre,'prev-arrow')


			


			//Definicion del cuerpo propio del carrusel


			gObj_CarPeque=crearNodo('div',gObj_Contenedor,'html-carousel')


			Element.addClassName(gObj_CarPeque,'carousel-component')





			gObj_CarRegion=crearNodo('div',gObj_CarPeque,'html-carousel-clip-region')


			Element.addClassName(gObj_CarRegion,'carousel-clip-region')





			gObj_CarLista=crearNodo('ul',gObj_CarRegion,'listaCarrusel')


			Element.addClassName(gObj_CarLista,'carousel-list')


			


			//Definicion de la 'flechita' de pagina siguiente


			gObj_Next=crearNodo('div',gObj_Contenedor,'next-arrow-container')


			


			gObj_ImgNext=crearNodo('img',gObj_Next,'next-arrow')


			


			buttonStateHandler('prev-arrow', false) 


			buttonStateHandler('next-arrow-container', true) 


			


			Element.hide('carousel_div')


		}


		//Element.setHeight()


	},


	


	crearElementosCarrusel: function(gObj_ImageArray,gNum_ImageNum) {


	/*


	Nombre:crearElementosCarrusel


	Versión:1.0


	Fecha:7/5/7


	Autor:Gaizka Anton


	Entrada:


		gObj_ImageArray(array)=Array con los paths de las imágenes que intervienen en el carrusel


		gNum_ImageNum(int)= numero de la imagen que se esta mostrando para posicionar el carrusel


		


	Salida:NO HAY PARAMETROS DE SALIDA


	Descripción:Este metodo se invoca despúes de que el objeto lightbox haya obtenido todo el set de fotos.


	Este metodo creará los nodos correspondientes al carrusel, así como su inicialización


	*/	





	//obtenemos la lista donde irán las imagenes


	


		gObj_listaCarrusel=$('listaCarrusel');


		gObj_listaCarrusel.innerHTML=""//Borrar la lista


		anchoFoto=0


		for(var i=0;i<gObj_ImageArray.length;i++){


			//Creamos El elemento (Li)


			gObj_li=crearNodo('li',gObj_listaCarrusel)


			rel=gObj_ImageArray[i][1]


			elementos=rel.split("#")


			gObj_Div=crearNodo('div',gObj_li)


			Element.addClassName(gObj_Div,'capaUppCarouselFotos')





			//Creamos la imagen thumbnail (img)


			if(elementos.length==4){


				if(elementos[3]=="Si"){


					Element.addClassName(gObj_Div,'iconoAportacionBazkide')


					gObj_Div.idRegistro=elementos[1]


					gObj_Div.idTabla=elementos[2]


					gObj_Div.onclick=function (){


						cargaListaComentariosFoto(this.idRegistro,this.idTabla)


						return false;


					}


				}


			}


			


			gObj_img=crearNodo('img',gObj_li)


			gObj_img.setAttribute('src',gObj_ImageArray[i][0])//El Src esta en el primer nodo del array


			gObj_img.setAttribute('class','thumb')


			gObj_img.setAttribute('alt',elementos[0])


			gObj_img.numImage=i


			gObj_img.onclick=function(){


				myLightbox.changeImage(this.numImage);	


				return false;


			}





			if(i==0){


				anchoFoto=gObj_li.offsetWidth


			}


		}//Fin de bucle


		//alert(anchoFoto)


		//$('tracer').value=$('carousel_div').innerHTML


		if(carousel!=null){


			carousel.scrollTo(0)


			carousel.destroy()


		}


		Element.show('prev-arrow-container');


		Element.show('next-arrow-container');


		$('prev-arrow-container').style.visibility='visible';


		$('next-arrow-container').style.visibility='visible';


		carousel = new Carousel('html-carousel',{animHandler:animHandler,animParameters:{duration:0.5},buttonStateHandler:buttonStateHandler,nextElementID:'next-arrow',prevElementID:'prev-arrow',size:gObj_ImageArray.length,scrollInc:6})


		gNum_AnchoFlechaPrev=Element.getWidth('prev-arrow-container');


		gNum_AnchoFlechaNext=Element.getWidth('next-arrow-container');


		gNum_AnchoCarrusel=Element.getWidth('html-carousel');





		Element.setWidth('html-carousel',1)


		if(anchoIniCarrusel==0){


			anchoIniCarrusel=Element.getWidth('wrapper_carousel')


		}





		Element.setWidth('wrapper_carousel',anchoIniCarrusel)


		


		gNum_AnchoContCarrusel=Element.getWidth('wrapper_carousel');


		gBoo_FlechasDepCarrusel=true


		totalTamano=anchoFoto*gObj_ImageArray.length


		if(gNum_AnchoContCarrusel>totalTamano){


			gNum_AnchoContCarrusel=totalTamano+32;


			$('prev-arrow-container').style.visibility='hidden';


			$('next-arrow-container').style.visibility='hidden'





			/*Element.hide('prev-arrow-container');


			Element.hide('next-arrow-container');


			gNum_AnchoFlechaPrev=0


			gNum_AnchoFlechaNext=0


			gBoo_FlechasDepCarrusel=false*/


		}


		gNum_AnchoFinalCarrusel=gNum_AnchoContCarrusel-gNum_AnchoFlechaPrev-gNum_AnchoFlechaNext-5


		new Effect.Scale('html-carousel', gNum_AnchoFinalCarrusel* 100, {scaleY: false, delay: 0.6, duration: 0.6});


		gNum_AnchoContCarrusel=Element.getWidth('wrapper_carousel');


		gNum_Peque=gNum_AnchoFlechaPrev+gNum_AnchoFlechaNext+2


		totalTamano+=gNum_Peque


		if(gNum_AnchoContCarrusel>totalTamano){


			gNum_AnchoContCarrusel=totalTamano


		}





		Element.setWidth('wrapper_carousel',gNum_Peque)


		if(document.all){//Explorer, no me preguntes.


			gNum_Peque=30


		}





		new Effect.Scale('wrapper_carousel', (gNum_AnchoContCarrusel / gNum_Peque) * 100, {scaleY: false, delay: 0.6, duration: 0.6});


	}


}





// -----------------------------------------------------------------------------------





//


// getPageScroll()


// Returns array with x,y page scroll values.


// Core code from - quirksmode.org


//


function getPageScroll(){





	var yScroll;





	if (self.pageYOffset) {


		yScroll = self.pageYOffset;


	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict


		yScroll = document.documentElement.scrollTop;


	} else if (document.body) {// all other Explorers


		yScroll = document.body.scrollTop;


	}





	arrayPageScroll = new Array('',yScroll)


	return arrayPageScroll;


}





// -----------------------------------------------------------------------------------





//


// getPageSize()


// Returns array with page width, height and window width, height


// Core code from - quirksmode.org


// Edit for Firefox by pHaez


//


function getPageSize(){





	var xScroll, yScroll;





	if (window.innerHeight && window.scrollMaxY) {


		xScroll = document.body.scrollWidth;


		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


		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 = windowWidth;


	} else {


		pageWidth = xScroll;


	}








	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)


	return arrayPageSize;


}





// -----------------------------------------------------------------------------------





//


// getKey(key)


// Gets keycode. If 'x' is pressed then it hides the lightbox.


//


function getKey(e){


	if (e == null) { // ie


		keycode = event.keyCode;


	} else { // mozilla


		keycode = e.which;


	}


	key = String.fromCharCode(keycode).toLowerCase();





	if(key == 'x'){ hideLightbox(); }


}





// -----------------------------------------------------------------------------------





//


// listenKey()


//


function listenKey () {	document.onkeypress = getKey; }





// ---------------------------------------------------





function showSelectBoxes(){


	selects = document.getElementsByTagName("select");


	for (i = 0; i != selects.length; i++) {


		selects[i].style.visibility = "visible";


	}


	if(!window.document.altaEuskoLink){


		flashes=$$(".flashOculto")


		for (i = 0; i != flashes.length; i++) {


			flashes[i].style.visibility = "visible";


		}


		if ($('ventana'))


		{


		} else {


			if ($('flash'))


			{


				Element.show($('flash'));


			}


		}


	}


}





// ---------------------------------------------------





function hideSelectBoxes(){


	selects = document.getElementsByTagName("select");


	for (i = 0; i != selects.length; i++) {


		selects[i].style.visibility = "hidden";


	}


	


	flashes=$$(".flashOculto");


	for (i = 0; i != flashes.length; i++) {


		flashes[i].style.visibility = "hidden";


	}


	if ($('flash'))


	{


		Element.hide($('flash'));


	}











}





// ---------------------------------------------------





//


// pause(numberMillis)


// Pauses code execution for specified time. Uses busy code, not good.


// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602


//


function pause(numberMillis) {


	var now = new Date();


	var exitTime = now.getTime() + numberMillis;


	while (true) {


		now = new Date();


		if (now.getTime() > exitTime)


			return;


	}


}





// ---------------------------------------------------





//


// addLoadEvent()


// Adds event to window.onload without overwriting currently assigned onload functions.


// Function found at Simon Willison's weblog - http://simon.incutio.com/


//


function addLoadEvent(func)


{


	var oldonload = window.onload;


	if (typeof window.onload != 'function'){


    	window.onload = func;


	} else {


		window.onload = function(){


		oldonload();


		func();


		}


	}





}





function crearNodo(tipoNodo,nodoPadre) {


	/*


	Nombre:crearNodo


	Versión:1.0


	Fecha:7/5/7


	Autor:Gaizka Anton


	Entrada:


		tipoNodo(str)=Aqui se recoje el nodo HTML a crear (img,a, div...).


		nodoPadre(obj)=Aqui se recoje la referencia al nodo que contendra el nuevo elemento creado.


		arguments(2)(str)=Tercer Parametro opcional, que me indica el id del nuevo nodo.


		


	Salida:


		nuevoNodo(obj)=La función devuelve un objeto con referencia al nodo recien creado


		


	Descripción:La finalidad de este metodo no es otra que agilizar la visión del codigo para crear nodos HTML.


	*/	





	var nuevoNodo = document.createElement(tipoNodo);


		


	//Si se pasa tercer parámetro, este será el ID del nuevo nodo


	if(arguments.length>2){


		nuevoNodo.setAttribute('id',arguments[2]);


	}


		


	nodoPadre.appendChild(nuevoNodo);


		


	return nuevoNodo;


}





/*FUNCIONES PARA EL CARRUSEL*/


 function buttonStateHandler(button, enabled){


 if (button == "prev-arrow")


   $('prev-arrow').src = enabled ? "/images/factorShader/left3-enabled.gif" : "/images/factorShader/left3-disabled.gif"


 else


   $('next-arrow').src = enabled ? "/images/factorShader/right3-enabled.gif" : "/images/factorShader/right3-disabled.gif"


}





function animHandler(carouselID, status, direction) {


  var region = $(carouselID).down(".carousel-clip-region")


  if (status == "before") {


    Effect.Fade(region, {to: 0.3, queue: { position:'end', scope: "carousel" }, duration: 0.2})


  }


  if (status == "after") {


    Effect.Fade(region, {to: 1, queue: { position:'end', scope: "carousel" }, duration: 0.2})


  }


}








// ---------------------------------------------------


function crearCapaSombreado(){


	var arrayPageSize = getPageSize();


	if(arguments.length>0){


		capaSombra=creaCapa(arguments[0]);


		capaSombra.setAttribute("class","sombreadoMulti");


	}else{


		capaSombra=creaCapa("sombreado");


		capaSombra.style.zIndex="2";


	}


	var arrayPageSize = getPageSize();;


	reAjustarCapaSombra();


	return capaSombra;


}





function reAjustarCapaSombra(){


	var arrayPageSize = getPageSize();


	


	Element.setHeight("sombreado",arrayPageSize[1]+10);


	if(document.all){


		Element.setWidth("sombreado",arrayPageSize[0]);


	}else{


		Element.setWidth("sombreado",arrayPageSize[0]-18)


	}	


}





function creaCapa(nombre){


	var capa=document.createElement("div");


	capa.setAttribute("id",nombre);


	if(arguments.length>1){


		$(arguments[1]).appendChild(capa)


	}else{


		document.getElementsByTagName("body")[0].appendChild(capa)


	}


	return $(nombre)


}





function muestraOcultaScrollPagina(muestra){


	if(muestra){


		prop="auto"


	}else{


		prop="hidden"


	}


	if(document.all){


		window.document.documentElement.style.overflowY=prop


	}else {


		window.document.body.style.overflowY=prop


	}


}








function initLightbox() { }





addLoadEvent(initLightbox);	// run initLightbox onLoad