var W3CDOM = (document.createElement && document.getElementsByTagName);


var mouseBigger = new Array();
var mouseOversP = new Array();
var mouseOnClick = new Array();
var mouseOutsP = new Array();

var howManyPics;

var sets = ['set1','set2','set3','set4', 'set5'];

var imgP = new Array();

function initPics()
{
	if (!W3CDOM) return;
	var navP = document.getElementById('stdListFull');
	var imgsP = navP.getElementsByTagName('img');
	howManyPics = imgsP.length;
	
	for (var i=0;i<imgsP.length;i++)
	{	initImage();
		initImages();
		
		imgsP[i].onclick = mouseOnClickPic;
		imgsP[i].onmouseover = mouseGoesOverP;
		imgsP[i].onmouseout = mouseGoesOutP;

		
		var suffix = imgsP[i].src.substring(imgsP[i].src.lastIndexOf('.'));
		
	
		mouseBigger[i] = new Image();
		mouseBigger[i].src = imgsP[i].src.substring(0,imgsP[i].src.lastIndexOf('.')) + "_big" + suffix;
		
		mouseOversP[i] = new Image();
		mouseOversP[i].src = imgsP[i].src.substring(0,imgsP[i].src.lastIndexOf('.')) + "_omo" + suffix;
		
		mouseOutsP[i] = new Image();
		mouseOutsP[i].src = imgsP[i].src;
		
		imgsP[i].number = i;
		
		
	
	//alert(imgsP[i].number);
	
		}
}

function btnNext() {
//alert('edo');	
var nImage = document.getElementById('previewImage');
	
	//alert(nImage.src);
	//alert(howManyPics);
	
	for (var i=0; i< howManyPics; i++)
	{
			if (mouseBigger[i].src == nImage.src) { mouseOnClickNextPic(i); return;}
	
	} 
	
}

function thumbnailsOn() 

{ document.getElementById('stdListFullWithButtons').style.display = 'block'; document.getElementById('preview').style.display = 'none'; initImages(); } 


function thumbnailsOff() 

{ document.getElementById('stdListFullWithButtons').style.display = 'none'; document.getElementById('preview').style.display = 'block';  initImage();} 


function btnBack() {
//alert('edo');	
var nImage = document.getElementById('previewImage');
	
	//alert(nImage.src);
	
	for (var i=0; i< mouseBigger.length; i++)
	{
			if (mouseBigger[i].src == nImage.src) { mouseOnClickPrevPic(i); return;}
	
	} 
	
}




function openSet(n) {
	var theSet = n;
	//alert(theSet);
	
	document.getElementById("preview").style.display = 'none'; 

	for (var i=0; i< sets.length; i++)
	{  setName = "set"+(i+1);
	document.getElementById(setName).style.display = 'none'; 
	}
	var currentSet = "set"+n;
	//alert(currentSet);
	document.getElementById(currentSet).style.display = "block";
	initImages();
}



function mouseOnClickPic()
{	initImage();

	thumbnailsOff();
	var nImage = document.getElementById('previewImage');
	nImage.src = mouseBigger[this.number].src;
	
	//alert(this.number);
	
	nImage.title = this.title;
	nImage.alt = this.alt;
	
}

function mouseGoesOverP()
{

	this.src  = mouseOversP[this.number].src;
	
	
}



function mouseGoesOutP()
{
	this.src = mouseOutsP[this.number].src;

}




function mouseOnClickNextPic(n)
{	
	//alert('alli foto');
	var photoN = n+1;
		//if (photoN < mouseBigger.length; ) { 

	//alert(photoN);
	initImage();

	var nImage = document.getElementById('previewImage');
	nImage.src = mouseBigger[photoN].src;
	
	//alert(photoN);
	nImage.title = this.title;
	nImage.alt = this.alt;
	//	}
	
}



function mouseOnClickPrevPic(n)
{	
	//alert('Piso foto');
	var photoBN = n-1;
	//if (photoN > 0 ) { 
	//alert(photoBN);
	initImage();

	var nImage = document.getElementById('previewImage');
	nImage.src = mouseBigger[photoBN].src;
	
	
	nImage.title = this.title;
	nImage.alt = this.alt;
//	}
	
}



function initImage() {
	imageId = "previewImage";
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}


function initImages() {
	
		var navT = document.getElementById('stdListFull');
	var imgsT = navT.getElementsByTagName('img');

 for (var i=0;i<imgsT.length;i++)
	{
		
	imageId = "previewImage"+i;
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
	}
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
//window.onload = function() {initImage(); init;}