//Sets up portfolio pieces with multiple examples for cross-fade
var numberOfExamples = new Array()
numberOfExamples[0] = new Array("direcTV",1)
numberOfExamples[1] = new Array("gravityGames",2)
numberOfExamples[2] = new Array("fandango",1)
numberOfExamples[3] = new Array("adlink",8)
numberOfExamples[4] = new Array("palisades",3)
numberOfExamples[5] = new Array("movielink",1)
numberOfExamples[6] = new Array("valleycrest",7)
numberOfExamples[7] = new Array("crownMedia",1)
numberOfExamples[8] = new Array("smashbox",1)
numberOfExamples[9] = new Array("charlesSchwab",1)
numberOfExamples[10] = new Array("sony",1)
numberOfExamples[11] = new Array("cityOfLosAngeles",1)
numberOfExamples[12] = new Array("gemstar",1)
numberOfExamples[13] = new Array("asds",3)
numberOfExamples[14] = new Array("epson",2)
numberOfExamples[15] = new Array("expositionPark",5)
numberOfExamples[16] = new Array("creditSuisse",1)
numberOfExamples[17] = new Array("abc",1)
numberOfExamples[18] = new Array("upn",1)
numberOfExamples[0] = new Array("discovery",1)

// Flag to switch navigation animation increment
// Runs slow after the cross-fade effect has run
var fadeUsed = 0;

/* Horizontal icon navigation */
function moveNav(state) {

//Display navigation arrows
if (state=="left") {
	document.getElementById('portfolioLeft').style.visibility = "hidden";	
	document.getElementById('portfolioRight').style.visibility = "visible";	
	nL();
	}
if (state=="right") {
	document.getElementById('portfolioLeft').style.visibility = "visible";	
	document.getElementById('portfolioRight').style.visibility = "hidden";	
	nR();
	}
}

var increment = 60; //amout of horizontal movement in pixels per cycle
var speed = 0; //lower is faster
var stop;
var obj;

//animate transitions
function nL() {
//if cross-fade used, increase increment on non-IE browsers to compensate for lost cycles
if (fadeUsed==1 && !document.all) {increment = 240;}
stop = 0;
obj = document.getElementById('icons');
obj.style.left = (obj.offsetLeft+increment)+"px";
timeout = setTimeout('nL()', speed);
if (obj.offsetLeft >= stop) {
	clearTimeout(timeout);
	obj.style.left = stop+"px";
	}
}

function nR() {
//if cross-fade used, increase increment on non-IE browsers to compensate for lost cycles
if (fadeUsed==1 && !document.all) {increment = 240;}
stop = -962;
obj = document.getElementById('icons');
obj.style.left = (obj.offsetLeft-increment)+"px";
timeout = setTimeout('nR()', speed);
if (obj.offsetLeft <= stop) {
	clearTimeout(timeout);
	obj.style.left = stop+"px";
	}
}

/* Open portfolio examples from icon navigaton into left & right panes */
function openPortfolio(obj) {

for (k=0;k<numberOfExamples.length;k++) {
	var icon = "icon_"+numberOfExamples[k][0];
	document.getElementById(icon).style.borderColor="#ffffff";
	}
	
document.getElementById("icon_"+obj).style.borderColor = "#FF8B00"; //bordercolor for "on" icons
document.getElementById("leftPane").src = "images/portfolio/"+obj+"_left.png";
document.getElementById("rightPane").src = "images/portfolio/"+obj+"_1.jpg";
document.getElementById("previous").style.display = "none";
document.getElementById("next").style.display = "none";		
	
for (i=0;i<numberOfExamples.length;i++) {
	if (numberOfExamples[i][0]==obj && numberOfExamples[i][1]>1) {
		var currentImg = 1;
		document.getElementById("next").style.display = "block";
		portfolioNav(obj, currentImg);
		}
	}
}

/* Set up cross-fade navigation for portfolio items with multiple examples */
function portfolioNav(obj, currentImg) {
var prev = document.getElementById("previous");
var next = document.getElementById("next");

prev.href = "javascript:exampleNav('images/portfolio/"+obj+"_"+(currentImg-1)+".jpg'); portfolioNav('"+obj+"',"+(currentImg-1)+");"
next.href = "javascript:exampleNav('images/portfolio/"+obj+"_"+(currentImg+1)+".jpg'); portfolioNav('"+obj+"',"+(currentImg+1)+");"

if ((currentImg-1)==0) {
	prev.style.display = "none";
	next.style.display = "block";
	}
else {
	prev.style.display = "block";
	next.style.display = "block";
	}

for (j=0;j<numberOfExamples.length;j++) {
	if (numberOfExamples[j][0]==obj) {
		if ((currentImg) >= numberOfExamples[j][1]) {
			prev.style.display = "block";
			next.style.display = "none";
			}
		}
	}
}	

function exampleNav(newImg) {
	document.getElementById("rightPane").src = newImg;
}