// JavaScript Document
var MyImageIndex = 0;
var NumImages = 31;
var PageLimit = 8;
var ini =  PageLimit * ActualPage;
var end = ini + PageLimit - 1;
if(NumImages>ini && NumImages<=end)
{
	end = NumImages-1;	
}
var MyImages = MultiDimensionalArray(NumImages,2);
var ImageDir= "galeria_fotografica/inca_tour/";
var lock = false;
var id_interval;
MyImages[0][0] = "it_001.jpg"
MyImages[0][1] = "Colca Canyon"

MyImages[1][0] = "it_002.jpg"
MyImages[1][1] = "Shearing demonstration"

MyImages[2][0] = "it_003.jpg"
MyImages[2][1] = "Checking Suris at Pacomarca"

MyImages[3][0] = "it_004.jpg"
MyImages[3][1] = "Checking Alpacas  in the fields"

MyImages[4][0] = "it_005.jpg"
MyImages[4][1] = "Suris at Accoyo"

MyImages[5][0] = "it_006.jpg"
MyImages[5][1] = "Fleece exam at Pacomarca"

MyImages[6][0] = "it_007.jpg"
MyImages[6][1] = "Visitors and Alpacas at Pacomarca"

MyImages[7][0] = "it_008.jpg"
MyImages[7][1] = "Sorting plant"

MyImages[8][0] = "it_009.jpg"
MyImages[8][1] = "Accoyo"

MyImages[9][0] = "it_010.jpg"
MyImages[9][1] = "Traditional young Alpaca breeder"

MyImages[10][0] = "it_011.jpg"
MyImages[10][1] = "Visitors and traditional Alpaca family"

MyImages[11][0] = "it_012.jpg"
MyImages[11][1] = "Rounding up Alpacas at Pacomarca"

MyImages[12][0] = "it_013.jpg"
MyImages[12][1] = "Holding penns at Pacomarca"

MyImages[13][0] = "it_014.jpg"
MyImages[13][1] = "Visitors at Holding penns"

MyImages[14][0] = "it_015.jpg"
MyImages[14][1] = "Exchanging opinions on Alpacas"

MyImages[15][0] = "it_016.jpg"
MyImages[15][1] = "Inca Tour 2003 at Pacomarca"

MyImages[16][0] = "it_017.jpg"
MyImages[16][1] = "Whites and Fawns at Pacomarca"

MyImages[17][0] = "it_018.jpg"
MyImages[17][1] = "Accoyo Suris"

MyImages[18][0] = "it_019.jpg"
MyImages[18][1] = "Visitors at Accoyo"

MyImages[19][0] = "it_020.jpg"
MyImages[19][1] = "Inca Tour 2003 with Don Julio Barreda"

MyImages[20][0] = "it_021.jpg"
MyImages[20][1] = "Inca Tour 2003 with children at Colca Valley"

MyImages[21][0] = "it_022.jpg"
MyImages[21][1] = "Peruvian tourist pet"

MyImages[22][0] = "it_023.jpg"
MyImages[22][1] = "Sorting plant"

MyImages[23][0] = "it_024.jpg"
MyImages[23][1] = "Pacomarca"

MyImages[24][0] = "it_025.jpg"
MyImages[24][1] = "Group at Pacomarca"

MyImages[25][0] = "it_026.jpg"
MyImages[25][1] = "Don Julio his daughter and Mark Gilbride"

MyImages[26][0] = "it_027.jpg"
MyImages[26][1] = "Don Julio and the Prebles"

MyImages[27][0] = "it_028.jpg"
MyImages[27][1] = "Visitors at Accoyo"

MyImages[28][0] = "it_029.jpg"
MyImages[28][1] = "Suri Checking"

MyImages[29][0] = "it_030.jpg"
MyImages[29][1] = "Comparing costumes at Colca Valley"

MyImages[30][0] = "it_031.jpg"
MyImages[30][1] = "Small andean herd"

function showImage(index)
{
	document.getElementById('placeholder').src = ImageDir + MyImages[index][0].substr(3,10); 	
	document.getElementById('desc').childNodes[0].nodeValue = MyImages[index][1];
	window.location = "#placeholder";
	MyImageIndex = index;
}
function NextImage()
{
	if(document.getElementById)
	{
		if(++MyImageIndex == (end +1))
		{
			MyImageIndex=ini;
		}
		//document.getElementById('placeholder').src = ImageDir + MyImages[MyImageIndex][0].substring(3,10);
		showImage(MyImageIndex);
	}
}
function PreviusImage()
{
	if(document.getElementById)
	{
		if(--MyImageIndex == ini -1)
		{
			MyImageIndex=end;
		}
		//document.getElementById('placeholder').src = ImageDir + MyImages[MyImageIndex][0].substring(3,10);
		showImage(MyImageIndex);
	}
}

function CreateThumbs()
{
	showImage(ini);

	document.write("<TABLE width='90%' border='0' cellspacing='0' cellpadding='0'>"	);
	document.write("<TR><TD width='150'>&nbsp;</TD><td width='128'>&nbsp;</td><td width='150'>&nbsp;</td><td width='154'>&nbsp;</td></TR>");

	for(var i=ini;i<=end;i++)
	{
		document.write("<TR>");
		document.write("<td bgcolor='#B4C2A5'><a href=javascript:showImage(" + i + ")><img src=" + ImageDir + MyImages[i][0] + " width='150' height='112' border='0' class='image_main' name='img_" + i + "' hspace='5' vspace='5'></a></td>");
		document.write("<td class='text_thumbs'><p id='txt_"+ i + "'>" +  MyImages[i][1] + "<p></td>");
		++i;
		if(i<=end)
		{
			document.write("<td bgcolor='#B4C2A5'><a href=javascript:showImage(" +  i + ")><img src=" + ImageDir + MyImages[i][0] + " width='150' height='112' border='0' class='image_main' name='img_" + i + "' hspace='5' vspace='5'></a></td>")
			document.write("<td class='text_thumbs'><p id='txt_"+ i + "'>" +  MyImages[i][1] + "<p></td>");
			document.write("</TR>")
			document.write("<TR><TD width='150'>&nbsp;</TD><td width='128'>&nbsp;</td><td width='150'>&nbsp;</td><td width='154'>&nbsp;</td></TR>");
		}
	}
	document.write("</TABLE>");
}
function MultiDimensionalArray(iRows,iCols) 
{ 
var i; 
var j; 
   var a = new Array(iRows); 
   for (i=0; i < iRows; i++) 
   { 
       a[i] = new Array(iCols); 
       //for (j=0; j < iCols; j++) 
       //{ 
       //    a[i][j] = ""; 
       //} 
   } 
   return(a); 
}

function AutoPlay()
{
	if(lock==false)
	{
		lock=true;	
		document.images['b_auto'].src="galeria_fotografica/navegar/stop.jpg";
		id_interval = setInterval("NextImage()",3600);
	}
	else
	{
		lock=false;	
		window.clearInterval(id_interval);
		document.images['b_auto'].src="galeria_fotografica/navegar/auto.jpg";
	}
}