/* 	Javascript to display a new layer for gallery .  Richard Chong Copyright 2008 May 1st 
	Released under GNU license
	Use this script at your own risk 
*/

//Create new arrays as needed for each set of images. 
//ex. var arr_set1 = new Array ("path /of/image1.jpg", "path/of/image2.jpg");
//to display the layer with the set of images add this to your html tag onclick="showlayer(arr_set1)"  where arr_set1 should be the set of images you want to display"

var arr_Tunnel1=new Array("images/editorial/editorial-01.jpg", "images/editorial/editorial-02.jpg", "images/editorial/editorial-03.jpg", "images/editorial/editorial-04.jpg", "images/editorial/editorial-05.jpg", "images/editorial/editorial-06.jpg", "images/editorial/editorial-07.jpg", "images/editorial/editorial-09.jpg", "images/editorial/editorial-10.jpg", "images/editorial/editorial-11.jpg", "images/editorial/editorial-12.jpg", "images/editorial/editorial-13.jpg", "images/editorial/editorial-14.jpg",  "images/editorial/editorial-16.jpg", "images/editorial/editorial-17.jpg", "images/editorial/editorial-18.jpg");

var arr_Tunnel2=new Array("images/design/design-01.jpg", "images/design/design-02.jpg", "images/design/design-03.jpg", "images/design/design-04.jpg", "images/design/design-05.jpg", "images/design/design-06.jpg", "images/design/design-07.jpg", "images/design/design-08.jpg", "images/design/design-09.jpg", "images/design/design-10.jpg", "images/design/design-11.jpg", "images/design/design-12.jpg", "images/design/design-13.jpg", "images/design/design-14.jpg", "images/design/design-16.jpg", "images/design/design-17.jpg", "images/design/design-18.jpg", "images/design/design-19.jpg", "images/design/design-21.jpg", "images/design/design-22.jpg", "images/design/design-23.jpg", "images/design/design-24.jpg", "images/design/design-25.jpg"); 
						  
var arr_Tunnel3=new Array("images/portrait/portrait-01.jpg", "images/portrait/portrait-02.jpg", "images/portrait/portrait-03.jpg", "images/portrait/portrait-04.jpg", "images/portrait/portrait-05.jpg", "images/portrait/portrait-06.jpg", "images/portrait/portrait-07.jpg", "images/portrait/portrait-08.jpg", "images/portrait/portrait-09.jpg", "images/portrait/portrait-10.jpg", "images/portrait/portrait-11.jpg", "images/portrait/portrait-12.jpg", "images/portrait/portrait-13.jpg", "images/portrait/portrait-14.jpg"); 

var arr_Bake=new Array("images/bake/bake01.jpg", "images/bake/bake02.jpg", "images/bake/bake03.jpg", "images/bake/bake04.jpg");

var arr_Taxidermy=new Array("images/taxidermy/taxidermy01.jpg", "images/taxidermy/taxidermy02.jpg", "images/taxidermy/taxidermy03.jpg", "images/taxidermy/taxidermy04.jpg", "images/taxidermy/taxidermy05.jpg");

var arr_Tech=new Array("images/tech/tech01.jpg", "images/tech/tech02.jpg", "images/tech/tech03.jpg", "images/tech/tech04.jpg", "images/tech/tech05.jpg");

var arr_Still=new Array("images/still/still01.jpg", "images/still/still02.jpg", "images/still/still03.jpg", "images/still/still04.jpg", "images/still/still05.jpg", "images/still/still06.jpg");

var arr_Ports=new Array("images/ports/ports01.jpg", "images/ports/ports02.jpg", "images/ports/ports03.jpg", "images/ports/ports04.jpg", "images/ports/ports05.jpg");

var arr_Morin=new Array("images/morin/morin01.jpg", "images/morin/morin02.jpg", "images/morin/morin03.jpg", "images/morin/morin04.jpg", "images/morin/morin05.jpg", "images/morin/morin06.jpg");

var arr_Rednoemie=new Array("images/noemie/rednoemie01.jpg", "images/noemie/rednoemie02.jpg", "images/noemie/rednoemie03.jpg", "images/noemie/rednoemie04.jpg", "images/noemie/rednoemie05.jpg");

var arr_Designer=new Array("images/designer/designer01.jpg", "images/designer/designer02.jpg", "images/designer/designer03.jpg", "images/designer/designer04.jpg");

var arr_Bao=new Array("images/bao/bao1.jpg", "images/bao/bao2.jpg", "images/bao/bao3.jpg", "images/bao/bao4.jpg", "images/bao/bao5.jpg", "images/bao/bao6.jpg", "images/bao/bao7.jpg", "images/bao/bao8.jpg");


var arr_About=new Array("images/about-text.jpg");
var arr_Findme=new Array("images/Findme.jpg");
var arr_Login=new Array("images/login.jpg");

var cur_PicArray=new Array();
var cur_PicIndex=0;

function init()
{
	document.getElementById("portfolio_div").style.display="none";
	document.getElementById("greyout").style.display="none";
    document.getElementById("greyout").style.width=screen.width;
	document.getElementById("greyout").style.height=screen.height;
	document.getElementById("portfolio_div").style.zIndex="98";
	document.getElementById("greyout").style.zIndex="90";
}


function showlayer_1()
{
	document.getElementById("portfolio_div").style.display="";
	document.getElementById("portfolio_images").src=arr_Tunnel1[2];
}

function showlayer(picArray)
{

	cur_PicArray = picArray;
	cur_PicIndex= 0;
	document.getElementById("greyout").style.display="";
	document.getElementById("portfolio_div").style.display="";	
	document.getElementById("portfolio_images").src=cur_PicArray[0];
	
	SetButtons();
}

function closelayer()
{
	document.getElementById("portfolio_div").style.display="none";
	document.getElementById("greyout").style.display="none";
}

function NextPic()
{
	cur_PicIndex++;
	document.getElementById("portfolio_images").src=cur_PicArray[cur_PicIndex];
	SetButtons();
}

function PrevPic()
{
	cur_PicIndex--;
	document.getElementById("portfolio_images").src=cur_PicArray[cur_PicIndex];
	SetButtons();
}

function SetButtons()
{
	document.getElementById("next").style.display="";
	document.getElementById("prev").style.display="";
	
	if(cur_PicIndex==cur_PicArray.length-1)
	{
		document.getElementById("next").style.display="none";
	}
	if(cur_PicIndex==0)
	{
		document.getElementById("prev").style.display="none";
	}
}