var imgLoaded = 0;
var noLoaded = 0;

var currentImg = 0;

var smallWidth = 75;
var smallHeight = 100;

var middleWidth = 100;
var middleHeight = 150;

var bigWidth = 300;
var bigHeight = 800;

var preloadedimages = new Array();
var bigImg = new Array();
var sizes = new Array();
var bigSizes = new Array();
var imageNames = new Array();
var dirName = '';

function start(id)
{
	var allImgs = images.length;
	if(id < allImgs)
		while(currentImg != id)
			nextImg();
}

function dopause(Amount)
{
	d = new Date() //today's date
	while (1)
	{
	mill=new Date() // Date Now
	diff = mill-d //difference in milliseconds
	if( diff > Amount ) {break;}
	}
}


function doload()
{
	if(!imgLoaded)
	{
		for (p=0;p<images.length;p++){
			//if(!(typeof(preloadedimages[p]) == "object"))
			var filename = images[p].split("/");
			imageNames[p] = filename[2];
			dirName = filename[0]+'/'+filename[1]+'/';
			preloadedimages[p]=new Image();
			preloadedimages[p].src= dirName+'sml'+imageNames[p];
			sizes[p] = new Array();
			sizes[p][0] = preloadedimages[p].width;
			sizes[p][1] = preloadedimages[p].height;
			//var filename = images[p].split(".");
			delete(bigImg[p]);
			bigImg[p] = new Image();
			bigImg[p].src = dirName+'normal'+imageNames[p];//filename[0]+'big.'+filename[1];
			bigSizes[p] = new Array();
			bigSizes[p][0] = bigImg[p].width;
			bigSizes[p][1] = bigImg[p].height;
			//if(p==7)
				//alert(bigImg[p].src+' width:'+bigSizes[p][0]+' height'+bigSizes[p][1]);
		}
	}
}



doload();

function startImg()
{
	if(images.length > 0)
	{
		if(images.length == 1)
		{
			var e = document.getElementById('imageDiv');
			e.innerHTML = '<center><img border="0" id="thisImage" name="thisImage" src="'+preloadedimages[0].src+'"/></center>';
		}
			
		else
		{
			var e = document.getElementById('imageDiv');
			if(images.length >2)
				e.innerHTML = '<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-right:3px"><tr><td><div align="center"><a href="#xx"  onClick="javascript: prevImg();"><img  border="0" src="images/arr_left.gif"/></a></div></td><td width="85"><div align="center"><a href="#xx" onClick="javascript: prevImg();"><img border="1" style="border-color:#000000" id="prevImage" name="prevImage"/></a></div></td><td>&nbsp;</td><td width="110" height="150"><div align="center"><a href="#xx" ><img  border="1" style="border-color:#000000" id="thisImage" name="thisImage"/></a></div></td><td>&nbsp;</td><td width="85"><div align="center"><a href="#xx"  onClick="javascript: nextImg();"><img border="1" style="border-color:#000000" id="nextImage" name="nextImage"/></a></div></td><td><div align="center"><a href="#xx" onClick="javascript: nextImg();"><img  border="0" src="images/arr_right.gif"/></a></div></td></tr></table>';
			else
				e.innerHTML = '<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding-right:3px"><tr><td><div align="center"><a href="#xx"  onClick="javascript: prevImg();"><img  border="0" src="images/arr_left.gif"/></a></div></td><td width="110" height="150"><div align="center"><a href="#xx" ><img  border="1" style="border-color:#000000" id="thisImage" name="thisImage"/></a></div></td><td>&nbsp;</td><td width="85"><div align="center"><a href="#xx"  onClick="javascript: nextImg();"><img border="1" style="border-color:#000000" id="nextImage" name="nextImage"/></a></div></td><td><div align="center"><a href="#xx" onClick="javascript: nextImg();"><img  border="0" src="images/arr_right.gif"/></a></div></td></tr></table>';
		}
		document.images['thisImage'].src = preloadedimages[0].src;
		document.images['thisImage'].name = 0;
		document.images['bigImage'].src = bigImg[0].src;
		document.images['bigImage'].name = 0;
		document.getElementById('bigImageLink').href = dirName+'big'+imageNames[0];
		
		if(images.length > 2)
		{
			document.images['prevImage'].src = preloadedimages[images.length - 1].src;
			document.images['prevImage'].name = images.length - 1;
		}
		if(images.length > 1)
		{
			document.images['nextImage'].src = preloadedimages[1].src;
			document.images['nextImage'].name = 1;
		}
	}
	fixSizes();
}

function prevImg()
{
	if(images.length > 2)
	{
		if(currentImg  == 0)
		{
			document.images['thisImage'].src = preloadedimages[images.length - 1].src;	
			document.images['thisImage'].name = images.length - 1;
			document.images['bigImage'].src = bigImg[images.length - 1].src;
			document.images['bigImage'].name = images.length - 1;
			document.images['prevImage'].src = preloadedimages[images.length - 2].src;
			document.images['prevImage'].name = images.length - 2;
			document.images['nextImage'].src = preloadedimages[currentImg].src;
			document.images['nextImage'].name = currentImg;
			currentImg = images.length -1;		
		}
		else
		{
			document.images['thisImage'].src = preloadedimages[currentImg - 1].src;	
			document.images['thisImage'].name = currentImg - 1;
			document.images['bigImage'].src = bigImg[currentImg - 1].src;
			document.images['bigImage'].name = currentImg - 1;
			if((currentImg-1) == 0)		
			{
				document.images['prevImage'].src = preloadedimages[images.length - 1].src;
				document.images['prevImage'].name = images.length - 1;
			}
			else
			{
				document.images['prevImage'].src = preloadedimages[currentImg - 2].src;
				document.images['prevImage'].name = currentImg - 2;
			}
			document.images['nextImage'].src = preloadedimages[currentImg].src;
			document.images['nextImage'].name = currentImg;
			currentImg--;
		}
	}
	else
	{
		document.images['thisImage'].src = (currentImg == 0) ? preloadedimages[1].src : preloadedimages[0].src;
		document.images['thisImage'].name = (currentImg == 0) ? 1 : 0;
		document.images['bigImage'].src = (currentImg == 0) ? bigImg[1].src : bigImg[0].src;
		document.images['bigImage'].name = (currentImg ==0) ? 1 : 0;
		document.images['nextImage'].src = (currentImg == 0) ? preloadedimages[0].src : preloadedimages[1].src;
		document.images['nextImage'].name = currentImg;
		currentImg = (currentImg == 0) ? 1 : 0;
	}
	document.getElementById('bigImageLink').href = dirName+'big'+imageNames[currentImg];
	fixSizes();
}

function nextImg()
{
	if(images.length > 2)
	{
		if((currentImg + 1) == images.length)
		{
			document.images['thisImage'].src = preloadedimages[0].src;
			document.images['thisImage'].name = 0;
					document.images['bigImage'].src = bigImg[0].src;
					document.images['bigImage'].name = 0;
			document.images['prevImage'].src = preloadedimages[currentImg].src;
			document.images['prevImage'].name = currentImg;
			document.images['nextImage'].src = preloadedimages[1].src;
			document.images['nextImage'].name = 1;
			currentImg = 0;		
		}
		else
		{
			document.images['thisImage'].src = preloadedimages[currentImg +1].src;	
			document.images['thisImage'].name = currentImg + 1;
					document.images['bigImage'].src = bigImg[currentImg +1].src;
					document.images['bigImage'].name = currentImg + 1;
			document.images['prevImage'].src = preloadedimages[currentImg].src;
			document.images['prevImage'].name = currentImg;
			if((currentImg + 2) == images.length)
			{
				document.images['nextImage'].src = preloadedimages[0].src;
				document.images['nextImage'].name = 0;
			}
			else
			{
				document.images['nextImage'].src = preloadedimages[currentImg + 2].src;
				document.images['nextImage'].name = currentImg + 2;
			}
			currentImg++;
		}
	}
	else
	{
		document.images['thisImage'].src = (currentImg == 0) ? preloadedimages[1].src : preloadedimages[0].src;
		document.images['thisImage'].name = (currentImg == 0) ? 1 : 0;
		document.images['bigImage'].src = (currentImg == 0) ? bigImg[1].src : bigImg[0].src;
		document.images['bigImage'].name = (currentImg ==0) ? 1 : 0;
		document.images['nextImage'].src = (currentImg == 0) ? preloadedimages[0].src : preloadedimages[1].src;
		document.images['nextImage'].name = currentImg;
		currentImg = (currentImg == 0) ? 1 : 0;
	}
	document.getElementById('bigImageLink').href = dirName+'big'+imageNames[currentImg];
	fixSizes();
}

function fixSizes()
{
	doload();
	//updateImageList();
	//myLightbox.updateDetails()
	var ImagesDivs = new Array();
	ImagesDivs[0] = 'thisImage';
	ImagesDivs[1] = 'bigImage';
	ImagesDivs[2] = 'nextImage';
	ImagesDivs[3] = 'prevImage';
	for(i=0; i<ImagesDivs.length;i++)
	{
		var imgName = ImagesDivs[i];
		if(document.images[imgName])
		{
			var width = (imgName != 'bigImage') ? sizes[document.images[imgName].name][0] : bigSizes[document.images[imgName].name][0];
			var height = (imgName != 'bigImage') ? sizes[document.images[imgName].name][1] : bigSizes[document.images[imgName].name][1];
			var maxWidth = 0;
			var maxHeight = 0;
			switch(imgName)
			{
				case 'thisImage':
					maxWidth = middleWidth;
					maxHeight = middleHeight;
					break;
				case 'bigImage':
					maxWidth = bigWidth;
					maxHeight = bigHeight;
					break;
				default:
					maxWidth = smallWidth;
					maxHeight = smallHeight;
			}
			var newWidth = 0;
			var newHeight = 0;
			if(( width > maxWidth ) || (height > maxHeight))
			{
				if( (width > height) || (width > maxWidth)  )
				{
					newWidth = maxWidth;
					newHeight = newWidth * (height/width);
				}
				else
				{
					newHeight = maxHeight;
					newWidth = newHeight * (width / height);
				}
				
			}
			else
			{
				newWidth = width;
				newHeight = height;
			}
			
			document.images[imgName].width = newWidth;
			document.images[imgName].height = newHeight;
		}
	}
}
