// BUILD PORTFOLIO ITEM ARRAY

var portfolioItems = new Array (
	new PortfolioItem('Brent At Stables','HealeyGrisham','images/lifestyle_photo_1.jpg',212,105),
	new PortfolioItem('Adam','HealeyGrisham','images/lifestyle_photo_2.jpg',200,110),
	new PortfolioItem('Boy At Fridge','Editorial','images/lifestyle_photo_3.jpg',197,198),
	new PortfolioItem('In Bountiful','PaperCity','images/lifestyle_photo_4.jpg',205,108),
	new PortfolioItem('3 Jugs','Editorial','images/lifestyle_photo_5.jpg',196,169),
	new PortfolioItem('Bocce Boy','PaperCity','images/lifestyle_photo_6.jpg',212,117),
	new PortfolioItem('Finials','Editorial','images/lifestyle_photo_7.jpg',194,183),
	new PortfolioItem('Travigne','HealeyGrisham','images/lifestyle_photo_8.jpg',225,128),
	new PortfolioItem('French Settee','HealeyGrisham','images/lifestyle_photo_9.jpg',203,139),
	new PortfolioItem('Big Red Ribbon','HealeyGrisham','images/lifestyle_photo_10.jpg',189,182),
	new PortfolioItem('Wendy Krispin Chair','Editorial','images/lifestyle_photo_11.jpg',190,204),
	new PortfolioItem('All Aboard','HealeyGrisham','images/lifestyle_photo_12.jpg',186,268)
);

var index = 0;

// GET ID FROM URL VAR
var id = parseInt(getVarFromURL("id"));
if(id > 0)
{
	if(portfolioItems[id-1] != null)
	{
		index = id-1;
	}
}

ShowHideLinks();

// DEFINE ITEM
var item = portfolioItems[index];

// WRITE IMAGE
var img = document.getElementById("portfolioImage");
img.src = item.img_url;
img.style.top = item.img_p_top;
img.style.left = item.img_p_left;

// WRITE DATA
var data = document.getElementById("porfolioData");
data.innerHTML = "Image: "+(index+1)+" of "+portfolioItems.length+"<br>Title: "+item.title+"<br>Client: "+item.client+"<br>";

// GET NEXT LINK
function getNext()
{
	if((index+2) <= portfolioItems.length)
	{
		location.href = 'lifestyle.aspx?id='+(index+2);
	}
}

// GET PREVIOUS LINK
function getPrevious()
{
	if((index) > 0)
	{
		location.href = 'lifestyle.aspx?id='+index;
	}
}

// SHOW/HIDE LINKS
function ShowHideLinks(){
	var previousLink = document.getElementById('previousLink');
	var nextLink = document.getElementById('nextLink');
	var linkSlash = document.getElementById('linkSlash');
	
	if(index == 0){
		previousLink.style.display = "none";
		linkSlash.style.display = "none";
	}
	else if(index == portfolioItems.length - 1){
		nextLink.style.display = "none";
		linkSlash.style.display = "none";
	}
}