// Functions to change the images

function showClientCloseupPrint(image) {
	document.getElementById('clientCloseup').style.visibility = 'visible';
	document.getElementById('clientCloseupClose').style.visibility = 'visible';
	document.getElementById('clientCloseup').innerHTML = "<a onclick=\"javascript:hideClientCloseup();\"><img src=\"img/ourwork/print/big/bigp_" + image + ".png\" /></a>";
}

function showClientCloseupInk(image) {
	document.getElementById('clientCloseup').style.visibility = 'visible';
	document.getElementById('clientCloseupClose').style.visibility = 'visible';
	document.getElementById('clientCloseup').innerHTML = "<a onclick=\"javascript:hideClientCloseup();\"><img src=\"img/ourwork/ink/big/big_" + image + ".png\" /></a>";
}

function showClientCloseupWeb(image) {
	document.getElementById('clientCloseup').style.visibility = 'visible';
	document.getElementById('clientCloseupClose').style.visibility = 'visible';
	document.getElementById('clientCloseup').innerHTML = "<a onclick=\"javascript:hideClientCloseup();\"><img src=\"img/ourwork/web/big/bigw_" + image + ".png\" /></a>";
}

function hideClientCloseup() {
	document.getElementById('clientCloseup').style.visibility = 'hidden';
	document.getElementById('clientCloseupClose').style.visibility = 'hidden';
}

function previewprint(image) {

	//Sets the variables
	var clientname = '';
	var	clientsite = '';
	var	clientyear = '';

	//assigns the text for each client
	switch(image) {
		case "a":
			clientname = 'Nora Patrich';
			clientsite = 'CD Cover design';
			clientyear = '2007';
			break;
		case "b":
			clientname = 'Crucero del Norte';
			clientsite = 'CD Cover design';
			clientyear = '2004';
			break;
		case "c":
			clientname = 'Basso-Fonterosa';
			clientsite = 'Brochure';
			clientyear = '2004';
			break;
		case "d":
			clientname = 'Macula Studios';
			clientsite = 'Brochure';
			clientyear = '2007';
			break;
		case "e":
			clientname = 'Macula Studios';
			clientsite = 'Poster';
			clientyear = '2007';
			break;
		case "f":
			clientname = 'Crucero del Norte';
			clientsite = 'Magazine';
			clientyear = '2004';
			break;
		case "g":
			clientname = 'The Gay Straights';
			clientsite = 'Street Poster';
			clientyear = '2008';
			break;
		case "h":
			clientname = 'Personal project';
			clientsite = 'Design Book';
			clientyear = '2004';
			break;
		case "i":
			clientname = 'Awake in Action';
			clientsite = 'Postcard';
			clientyear = '2008';
			break;			
		case "j":
			clientname = 'Crucero del Norte';
			clientsite = 'Brochure';
			clientyear = '2008';
			break;
		case "k":
			clientname = 'Crucero del Norte';
			clientsite = 'Magazine/ Inside Pages';
			clientyear = '2004';
			break;
		case "l":
			clientname = 'Que se vayan todos';
			clientsite = 'Political Magazine';
			clientyear = '2004';
			break;
	} //end switch

	//builds the string and shows the text
	document.getElementById('client').innerHTML = "<span style=\"font-size:100%; color:#ca2027; font-weight: bold;\">Client: </span><span style=\"font-size:90%;\">" + clientname + "<br><em>" + clientsite + "</em><br></span><span style=\"font-size:100%; color: #AAAAAA; font-weight: bold\">" + clientyear + "</span>";

	//Hide the scroll images up and down
	document.getElementById('scrollerClientImage').style.visibility = 'hidden';
	document.getElementById('clientImage').scrollTop = 0;

	//Now dynamically change the location and width of the clientImage
	//This needs to be done, because we needed the space for the text, but the images need less space and the div needs to be situated correctly on the page
	document.getElementById('clientImage').style.left = "160px";
	document.getElementById('clientImage').style.width = "231px";
	document.getElementById('clientImage').innerHTML = "<a onclick=\"javascript:showClientCloseupPrint('" + image + "');\"><img src=\"img/ourwork/print/small/smallp_" + image + ".gif\" /></a>";
	document.getElementById('clientImageExpand').innerHTML = "<a onclick=\"javascript:showClientCloseupPrint('" + image + "');\"><img src=\"img/ourwork/magnify.png\" /></a>";
} //end function preview print

function previewink(image) {

	//Sets the variables
	var clientname = '';
	var	clientsite = '';
	var	clientyear = '';

	//assigns the text for each client
	switch(image) {
		case "a":
			clientname = 'Awake in Action';
			clientsite = 'Logo Identity';
			clientyear = '2008';
			break;
		case "b":
			clientname = 'Awake in Action';
			clientsite = 'Business Card';
			clientyear = '2008';
			break;
		case "c":
			clientname = 'Citywide Housing Coalition';
			clientsite = 'Logo Identity';
			clientyear = '2006';
			break;
		case "d":
			clientname = 'Tam Lundy';
			clientsite = 'Business Card';
			clientyear = '2008';
			break;
		case "e":
			clientname = 'Tam Lundy';
			clientsite = 'Logo Identity Sample';
			clientyear = '2008';
			break;
		case "f":
			clientname = 'Tam Lundy';
			clientsite = 'Business Card Sample';
			clientyear = '2008';
			break;
		case "g":
			clientname = 'AYW?';
			clientsite = 'Logo Identity';
			clientyear = '2007';
			break;
		case "h":
			clientname = 'Julia Iriarte / Pampa Productions';
			clientsite = 'Logo Identity';
			clientyear = '2007';
			break;
		case "i":
			clientname = 'Julia Iriarte / Pampa Productions';
			clientsite = 'Business Cards';
			clientyear = '2007';
			break;			
		case "j":
			clientname = 'Lisa Gibson';
			clientsite = 'Business Card';
			clientyear = '2008';
			break;
		case "k":
			clientname = 'Citywide Housing Coalition';
			clientsite = 'Logo Identity Sample';
			clientyear = '2008';
			break;
		case "l":
			clientname = 'El Marino Language School';
			clientsite = 'T-shirt Design';
			clientyear = '2009';
			break;
		case "m":
			clientname = 'Personal Project';
			clientsite = 'Wall Design';
			clientyear = '2008';
			break;
} //end switch

	//builds the string and shows the text
	document.getElementById('client').innerHTML = "<span style=\"font-size:100%; color:#ca2027; font-weight: bold;\">Client: </span><span style=\"font-size:90%;\">" + clientname + "<br><em>" + clientsite + "</em><br></span><span style=\"font-size:100%; color: #AAAAAA; font-weight: bold\">" + clientyear + "</span>";

	//Hide the scroll images up and down
	document.getElementById('scrollerClientImage').style.visibility = 'hidden';
	document.getElementById('clientImage').scrollTop = 0;
	
	//Now dynamically change the location and width of the clientImage
	//This needs to be done, because we needed the space for the text, but the images need less space and the div needs to be situated correctly on the page
	document.getElementById('clientImage').style.left = "160px";
	document.getElementById('clientImage').style.width = "231px";

	document.getElementById('clientImage').innerHTML = "<a onclick=\"javascript:showClientCloseupInk('" + image + "');\"><img src=\"img/ourwork/ink/small/small_" + image + ".gif\" /></a>";
	document.getElementById('clientImageExpand').innerHTML = "<a onclick=\"javascript:showClientCloseupInk('" + image + "');\"><img src=\"img/ourwork/magnify.png\" /></a>";
} //end function preview print

function previewweb(image) {

	//Sets the variables
	var clientname = '';
	var	clientsite = '';
	var	clientyear = '';

	//assigns the text for each client
	switch(image) {
		case "a":
			clientname = 'Pampa Productions';
			clientsite = 'Web Design';
			clientyear = '2007';
			break;
		case "b":
			clientname = 'Citywide Housing Coalition';
			clientsite = 'Web Design (<a href="http://citywidehousingcoalition.org" target="_blank">citywidehousingcoalition.org</a>)';
			clientyear = '2008';
			break;
		case "c":
			clientname = 'Awake in Action';
			clientsite = 'Web Design (awakeinaction.org)';
			clientyear = '2008';
			break;
		case "d":
			clientname = 'Cruceros del Norte';
			clientsite = 'Web Sample Design';
			clientyear = '2004';
			break;
		case "e":
			clientname = 'Cruceros del Norte';
			clientsite = 'Web Sample Design / Inside Pages';
			clientyear = '2004';
			break;
	} //end switch

	//builds the string and shows the text
	document.getElementById('client').innerHTML = "<span style=\"font-size:100%; color:#ca2027; font-weight: bold;\">Client: </span><span style=\"font-size:90%;\">" + clientname + "<br><em>" + clientsite + "</em><br></span><span style=\"font-size:100%; color: #AAAAAA; font-weight: bold\">" + clientyear + "</span>";

	//Hide the scroll images up and down
	document.getElementById('scrollerClientImage').style.visibility = 'hidden';
	document.getElementById('clientImage').scrollTop = 0;
	
	//Now dynamically change the location and width of the clientImage
	//This needs to be done, because we needed the space for the text, but the images need less space and the div needs to be situated correctly on the page
	document.getElementById('clientImage').style.left = "160px";
	document.getElementById('clientImage').style.width = "231px";

	document.getElementById('clientImage').innerHTML = "<a onclick=\"javascript:showClientCloseupWeb('" + image + "');\"><img src=\"img/ourwork/web/small/smallw_" + image + ".gif\" /></a>";
	document.getElementById('clientImageExpand').innerHTML = "<a onclick=\"javascript:showClientCloseupWeb('" + image + "');\"><img src=\"img/ourwork/magnify.png\" /></a>";
} //end function preview print