/*

**********************************************

easyALBUM: do not remove copyright information

version 1.1.6 Copyright 2006, Thierry Koblentz

http://www.TJKDesign.com - all rights reserved

**********************************************

*/

var TJK_gallery;

var TJK_anchor;

var TJK_itemNumber;

var TJK_stage;

var TJK_itemTitle;

var TJK_itemDescription;

var TJK_navPrev;

var TJK_navClose;

var TJK_navNext;

var TJK_zCounter;

var TJK_zImage;

function TJK_Gallery(zElement){

TJK_gallery=zElement;	

TJK_anchor = document.getElementById(TJK_gallery).getElementsByTagName("a");

// building the whole thing from scratch starting with the slideshow

// zDIV_slideShow

		var zDiv_wrapper = document.createElement('div');

		document.getElementsByTagName("body")[0].appendChild(zDiv_wrapper);

		zDiv_wrapper.id="zDIV_slideShow";

// zA_previous

		var zA_1 = document.createElement('a');

		var zImg_1 = document.createElement('img');		

		zDiv_wrapper.appendChild(zA_1);

		zA_1.id = "zA_previous";

		zA_1.title = "Anterior";

		zA_1.href = "#null";

		zA_1.appendChild(zImg_1);

		zImg_1.src="../img/previous.gif";

		zImg_1.alt="Anterior";		

// zA_close		

		var zA_2 = document.createElement('a');	

		var zImg_2 = document.createElement('img');		

		zDiv_wrapper.appendChild(zA_2);		

		zA_2.id = "zA_close";

		zA_2.title = "Volver al Sitio";

		zA_2.href = "#null";

		zA_2.appendChild(zImg_2);

		zImg_2.src="../img/close.gif";

		zImg_2.alt="Volver al Sitio";

// zA_next		

		var zA_3 = document.createElement('a');

		var zImg_3 = document.createElement('img');

		zDiv_wrapper.appendChild(zA_3);	

		zA_3.id = "zA_next";

		zA_3.title = "Siguiente";	

		zA_3.href = "#null";

		zA_3.appendChild(zImg_3);

		zImg_3.src="../img/next.gif";

		zImg_3.alt="Siguiente";

// zA_title		

		var zA_4 = document.createElement('a');

		zDiv_wrapper.appendChild(zA_4);	

		var zTitle = document.createTextNode("Title");

		zA_4.id = "zA_title";

		zA_4.appendChild(zTitle);		

// zDIV_counter

		var zDiv_counter = document.createElement('div');

		var TJK_zCounter = document.createTextNode("Keeping track");

		zDiv_wrapper.appendChild(zDiv_counter);

		zDiv_counter.id="zDIV_counter";

		zDiv_counter.appendChild(TJK_zCounter);

// zA_image		

		var zA_6 = document.createElement('a');

		var zImg_6 = document.createElement('img');

		zDiv_wrapper.appendChild(zA_6);	

		zA_6.id = "zA_image";

		zA_6.appendChild(zImg_6);

		zImg_6.id="zIMG";

// zA_description		

		var zA_5 = document.createElement('a');

		var zDescription = document.createTextNode("Description");

		zDiv_wrapper.appendChild(zA_5);

		zA_5.id = "zA_description";	

		zA_5.href = "#";	

		zA_5.appendChild(zDescription);			

		for (var x=0,i=TJK_anchor.length;x<i;x++){

		TJK_anchor[x].onclick = badabingbadaboum;

// we create fragment identifier to be used to navigate and keep track of the items and we kick start the whole thing

		TJK_anchor[x].href = TJK_anchor[x].href+"#"+x;

// we create a container to receive the text links

		var zSPAN = document.createElement('span');

		TJK_anchor[x].appendChild(zSPAN);

		var zTextLink = document.createTextNode(TJK_anchor[x].title);

		zSPAN.appendChild(zTextLink);

		}

}	

function goPrevious() {

TJK_itemNumber = eval(document.getElementById("zA_title").hash.substring(1));

	// hiding the button if we are on first slide 

	if(TJK_itemNumber==1)this.className="transparent";

	TJK_navNext.className="nonOpaque";

	if(TJK_itemNumber==0){return} // we are at the beginning	

		TJK_zImage.src = TJK_anchor[TJK_itemNumber-1].href;

		TJK_zImage.alt = TJK_itemTitle.firstChild.data;		

		TJK_itemTitle.href = TJK_anchor[TJK_itemNumber-1].href;

		TJK_itemTitle.firstChild.data = TJK_anchor[TJK_itemNumber-1].getElementsByTagName("img")[0].alt;

		TJK_itemDescription.firstChild.data = TJK_anchor[TJK_itemNumber-1].title;

	// special care for this one in case there is no long description set		

	if(TJK_anchor[TJK_itemNumber-1].getElementsByTagName("img")[0].longDesc){

		TJK_itemDescription.href = TJK_anchor[TJK_itemNumber-1].getElementsByTagName("img")[0].longDesc;	

	// appendData() breaks IE5 Win

		TJK_itemDescription.firstChild.data=TJK_anchor[TJK_itemNumber-1].title+" [more info...]";

		TJK_itemDescription.title = "Follow this link for more Information";	

		TJK_itemDescription.className="noHand";

		TJK_itemDescription.style.textDecoration ="underline";

	}else{

		TJK_itemDescription.className="withHand";

		TJK_itemDescription.title="";

		TJK_itemDescription.href="#";

		TJK_itemDescription.style.textDecoration ="none";

		}

// we update the value of the counter in the DIV

var current = eval(document.getElementById("zA_title").hash.substring(1)) + 1;

TJK_zCounter.firstChild.data = "Imagen #"+current+" de "+TJK_anchor.length;

}

function goNext() {

TJK_itemNumber = eval(document.getElementById("zA_title").hash.substring(1));

// hiding the button if we are on the last slide 

	if(TJK_itemNumber==TJK_anchor.length-2)this.className="transparent";

		TJK_navPrev.className="nonOpaque";

	if(TJK_anchor.length == TJK_itemNumber+1){return} // we are at the end	

		TJK_zImage.src = TJK_anchor[TJK_itemNumber+1].href;

		TJK_zImage.alt = TJK_itemTitle.firstChild.data;		

		TJK_itemTitle.href = TJK_anchor[TJK_itemNumber+1].href;

		TJK_itemTitle.firstChild.data = TJK_anchor[TJK_itemNumber+1].getElementsByTagName("img")[0].alt;

		TJK_itemDescription.firstChild.data = TJK_anchor[TJK_itemNumber+1].title;

// special care for this one in case there is no long description set		

	if(TJK_anchor[TJK_itemNumber+1].getElementsByTagName("img")[0].longDesc){

		TJK_itemDescription.href = TJK_anchor[TJK_itemNumber+1].getElementsByTagName("img")[0].longDesc;	

// appendData() breaks IE5 Win

		TJK_itemDescription.firstChild.nodeValue=TJK_anchor[TJK_itemNumber+1].title+" [more info...]";

		TJK_itemDescription.title = "Follow this link for more Information";	

		TJK_itemDescription.className

="noHand";

		TJK_itemDescription.style.textDecoration ="underline";

	}else{

		TJK_itemDescription.className

="noHand";

		TJK_itemDescription.title="";

		TJK_itemDescription.href="#";

		TJK_itemDescription.style.textDecoration ="none";

	}

// we update the value of the counter in the DIV

var current = eval(document.getElementById("zA_title").hash.substring(1)) + 1;

TJK_zCounter.firstChild.data = "Imagen #"+current+" de "+TJK_anchor.length;	

}

// to make sure users don't follow the link in the title (it is there to be used as a match with the thumbnail that triggered the popup DIV)

function fakeIt() {return false}

// hiding the SlideShow

function hideTJK_stage() {

document.getElementById("zDIV_slideShow").style.height="0"; // IE5 Mac

document.getElementById("zDIV_slideShow").style.overflow="hidden"; // IE5 Mac

document.getElementById("zDIV_slideShow").style.display="none";

// we remove the opacity stuff

document.getElementById("wrapper").className="none";

// we set focus back to the thumbnail that triggered the "popup" DIV

var TJK_itemNumber = eval(document.getElementById("zA_title").hash.substring(1));

TJK_anchor[TJK_itemNumber].focus();

}

function badabingbadaboum() {

TJK_stage = document.getElementById("zDIV_slideShow");

TJK_itemTitle = document.getElementById("zA_title");

TJK_itemDescription = document.getElementById("zA_description");

TJK_navPrev = document.getElementById("zA_previous");

TJK_navClose = document.getElementById("zA_close");

TJK_navNext = document.getElementById("zA_next");

TJK_zCounter = document.getElementById("zDIV_counter");

TJK_zImage = document.getElementById("zA_image").getElementsByTagName("img")[0];

// we do some opacity stuff

	document.getElementById("wrapper").className="transparent";

// IE5 Mac (phantom links)

// this.blur();

// this is to reset the fix for IE Mac (see statement in (hideTJK_stage())	

	TJK_stage.style.height="100%";

	TJK_stage.style.display="block";

	TJK_zImage.src = this.href.replace(this.hash,"");

	TJK_zImage.alt = this.getElementsByTagName("img")[0].alt;

	TJK_zImage.onclick = hideTJK_stage;

// "style.cursor" breaks IE5

	TJK_zImage.className = "hand";

	TJK_zImage.title = "Volver al Sitio";

// the href value we set for this anchor will be used to give focus back to the appropriate thumbnail 

	TJK_itemTitle.setAttribute("href",this.href);

// since we have a real href value in there we don't want the user to trigger the link

	TJK_itemTitle.onclick=fakeIt;

// clicking on the close box will close the popup DIV

	TJK_navClose.onclick=hideTJK_stage;

// setting the action for the prev/next links

	TJK_navPrev.onclick=goPrevious;

	TJK_navNext.onclick=goNext;	

// now we can set focus for keyboard users

	TJK_navPrev.focus();

// setting the height - mainly for IE - the second one is for IE5

	TJK_stage.style.height = (document.documentElement.clientHeight > 0) ? document.documentElement.clientHeight+"px" : document.body.clientHeight+"px";

// setting the width for IE 5 so there is no gap near the scrollbar

	if(document.documentElement.clientHeight == 0)TJK_stage.style.width=document.body.clientWidth+"px" ;

// setting the title and description

		TJK_itemTitle.firstChild.data = this.getElementsByTagName("img")[0].alt;

		TJK_itemDescription.firstChild.data = this.title;

// if there is a long description in there, we use it as href value of the short description and we give it a title to. If there is none we make sure we reset values previously set and we do not let the user follow the "empty" link

	if(this.getElementsByTagName("img")[0].longDesc){

		TJK_itemDescription.href = this.getElementsByTagName("img")[0].longDesc;	

// appendData() breaks IE5 Win

		TJK_itemDescription.firstChild.data=this.title+" [more info...]";

		TJK_itemDescription.title = "Follow this link for more Information";	

	}else{

		TJK_itemDescription.removeAttribute("href");	

		TJK_itemDescription.title = "";	

}

// we set the starting values for the "counter"

var current = eval(TJK_itemTitle.hash.substring(1)) + 1;

TJK_zCounter.firstChild.nodeValue = "Imagen #"+current+" de "+TJK_anchor.length;	

// hiding the button when everything "loads" depending on which slide we are on

// first we reset both buttons in case they have been turned off last time the user left the slideshow

TJK_navNext.className="nonOpaque";

TJK_navPrev.className="nonOpaque";

TJK_itemNumber = eval(document.getElementById("zA_title").hash.substring(1));

	if(TJK_itemNumber==0){

		TJK_navPrev.className="transparent";

		TJK_navNext.className="nonOpaque";

	}

	if(TJK_itemNumber==document.getElementById(TJK_gallery).getElementsByTagName("a").length-1){

		TJK_navNext.className="transparent";

		TJK_navPrev.className="nonOpaque";

	}

return false;	

}