<!--
portfolioArray=new Array();


if(portType=="digital")
{
	portfolioArray[0]="";
	portfolioArray[1]="infant_sml.jpg~infantgrowth_lrg.jpg~Infant Growth Center Brochure: A brochure concept promoting the automated growth of babies~pdfs/InfantGrowthCentre.pdf";
	portfolioArray[2]="amanacanada_sml.jpg~amanacanada_lrg.jpg~amanacanada.ca~images/amanacanada_lrg.jpg";
	portfolioArray[3]="hyperfiction_sml.gif~hyperfiction_lrg.gif~Hyperfiction: storyboards for a clickable, illustrated story.~images/hyperfiction_lrg.gif";
	portfolioArray[4]="canada-camps_sml.jpg~canada-camps.jpg~Website Design: ecommerce and social media~images/canada-camps.jpg";
	portfolioArray[5]="gam_small.jpg~globeandmail.jpg~http://www.theglobeandmail.com~images/globeandmail.jpg";
	portfolioArray[6]="biab_sml.gif~biab.jpg~Birthday In A Box.com~movies/biab.html";
	portfolioArray[7]="creditunioncentral_sml.gif~creditunioncentral.jpg~Central Credit Union of Ontario~movies/ccuo.html";
	portfolioArray[8]="schoolpay_sml.jpg~schoolpay_lrg.jpg~School Pay : Safe payment solutions for kids and families~images/schoolpay_lrg.jpg";
	
	portfolioArray[9]="myjob_sml.jpg~myjob_lrg.jpg~myjobabroad.com~images/myjob_lrg.jpg";
	portfolioArray[10]="ituitivesite_sml.jpg~ituitivesite.jpg~ituitive.com~movies/ituitivesite.html";	
	portfolioArray[11]="swm_sml.jpg~swm_lrg.jpg~The Southwest Budokan Martial Arts Club~http://www.swmbudokan.com";
	portfolioArray[12]="cycaiki_sml.jpg~cycaiki_lrg.jpg~The Cabbagetown Budokan Martial Arts Club~images/cycaiki_lrg.jpg";
	portfolioArray[13]="merchant_sml.jpg~merchant_lrg.jpg~Merchant Services Corporation:  High Risk Transaction Account Providers~images/merchant_lrg.jpg";
	portfolioArray[14]="dragon_sml.gif~dragan_lrg.jpg~Illustration: 5 Dimensional Perspective of Dragon~images/dragan_lrg.jpg";
	portfolioArray[15]="webman_sml.gif~webman_lrg.jpg~Character Design: Webman - the super hero that helps online users.~images/webman_lrg.jpg";
	
	portfolioArray[16]="cac_brochure_sml.gif~cac_brochure.jpg~cac_brochureBrochure: Clean Air Champions~images/print/cac_brochure.html";
	portfolioArray[17]="womanportrait_sml.gif~womanportrait.jpg~Illustration: Female Figure~images/print/woman.html";
	portfolioArray[18]="randy_sml.jpg~randy.jpg~Illustration: Self Portrait~images/print/randypic.html";
	portfolioArray[19]="kaboose_sml.jpg~kaboose.jpg~Kaboose.com~movies/kaboose.html";
	
	/*
	portfolioArray[25]="alex_sml.jpg~alex_lrg.jpg~Analog Photography: Alex~print/alexlydia.html#alex";
	portfolioArray[26]="lydia_sml.jpg~lydia_lrg.jpg~Analog Photography: Lydia~print/alexlydia.html#lydia";
	portfolioArray[27]="alexLydia_sml.jpg~alexLydia_lrg.jpg~Analog Photography: Alex and Lydia~print/alexlydia.html#alexlydia";
	portfolioArray[28]="qsa_brochure_sml.gif~qsa_brochure.jpg~Brochure: QSA Insider~print/qsa_brochure.html";
	portfolioArray[29]="opp_poster_sml.gif~opp_poster.jpg~Poster Series: Ontario Professional Planners~print/opp_poster.html";
	portfolioArray[30]="logo_sml.gif~logos.gif~Logo Design~print/logos.html";
	
	
	portfolioArray[31]="techtoy_poster_sml.gif~techtoy_lrg.jpg~Poster Design: Globe and Mail Contest~print/techtoy_poster.html";
*/
	
		
}else if(portType=="motion")
	{
	portfolioArray[0]="";
	portfolioArray[1]="TEV_sml.gif~na~The Estate Vault Multimedia Presentation~movies/TEV/presentation.html";
	portfolioArray[2]="electrokleen_sml.jpg~electrokleen_lrg.jpg~WitnessThatPlace.com~movies/electrokleen.htm";
	portfolioArray[3]="armon_sml.jpg~na~Short Movie: They Called Him Armon~movies/armon_vid.html";
	portfolioArray[4]="technodome_sml.jpg~na~Animation: Technodome~movies/technodome_vid.html";
	portfolioArray[5]="alexander_sml.gif~alexander_lrg.jpg~Alexander Salamander~sites/Alexander/AlexanderSalamander.html";
	portfolioArray[6]="bueford_sml.jpg~na~Animation: Bueford the Bee~movies/bueford_vid.html";
	portfolioArray[7]="quimolympics_sml.jpg~na~Video: The Quinmolympics~movies/quinmolympics_vid.html";
	portfolioArray[8]="hyperfiction_sml.gif~hyperfiction_lrg.gif~Hyperfiction: storyboards for a clickable, illustrated story.~images/hyperfiction_lrg.gif";
	portfolioArray[9]="blazer.jpg~na~Animation: Chevy Blazer commercial~movies/blazer.html";
	portfolioArray[10]="canair.jpg~na~Animation: Canadian Airlines Commercial~movies/CanAir.html";
	portfolioArray[11]="etrade.jpg~na~Animation: Canadian Airlines Commercial~movies/etrade.html";
	portfolioArray[12]="royalbank.jpg~na~Animation: Royal Bank Commercial~movies/royalbank.html";
	portfolioArray[13]="sprint.jpg~na~Animation: Sprint Canada Commercial~movies/sprint.html";
	portfolioArray[14]="vector.jpg~na~Animation: Vector Insurance Commercial~movies/vector.html";
	portfolioArray[15]="rob1000.jpg~na~Animation: ROB 1000 Commercial~movies/rob1000.html";
	portfolioArray[16]="bitstream.jpg~na~Animation: GMC Bitstream commercial~movies/bitstream.html";
	portfolioArray[17]="agf.jpg~na~Animation: AGF Mutual Funds Commercial~movies/agf.html";
	
	
	}else if(portType=="mobile"){
	portfolioArray[0]="";
		portfolioArray[4]="dislocation_sml.gif~dislocation_lrg.jpg~Dislocation: a locative media project~images/dislocation_lrg.jpg";
	
}else if(portType=="experience")
	{
	portfolioArray[0]="";
	portfolioArray[1]="digitalmice_sml.jpg~digitalmice.jpg~Installation: Digital Mice~movies/digitalmice.html";
	portfolioArray[2]="witnessthatplace_sml.jpg~witnessthatplace_sml.jpg~WitnessThatPlace.com~movies/witnessthatplace.html";
	portfolioArray[3]="illusion_sml.jpg~na~Installation: PeepShow~movies/peepshow.html";
	portfolioArray[4]="dislocation_sml.gif~dislocation_lrg.jpg~Mobile Media Experience Design~movies/dislocation.html";
	portfolioArray[5]="theadvocate.jpg~na~Telerobotics: The Advocate~movies/theadvocate.html";
	portfolioArray[6]="seed.jpg~na~Installation: Seed~movies/seed.html";
	portfolioArray[7]="evolve_sml.jpg~na~Installation: Evolve~movies/evolve.html";
	portfolioArray[8]="do_sml.jpg~do_lrgl.jpg~Installation: Zen in Motion~http://documentary.mediaboot.com/index.html";
	portfolioArray[9]="alexander_sml.gif~alexander_lrg.jpg~Alexander Salamander~sites/Alexander/AlexanderSalamander.html";
	portfolioArray[10]="mask_sml.jpg~mask.jpg~Sculpture: Vancouver Mask~images/print/mask.html";
	}
	
function showDetail(imgObj)
{
	thePreviewWindow=document.getElementById("imgPreview");	
	thePreviewWindow.src = imgObj;
	}

function setOnImg(img)
{
	theImg=document.getElementById(img);
	theImg.src='images/cover_on.png';
}
function setOffImg(img)
{
	theImg=document.getElementById(img);
	theImg.src='images/cover.png';
}
function createImages(){

for(i=1;i<portfolioArray.length;i++)
	{
	tempInfo=portfolioArray[i].split("~");
	tempThumb=tempInfo[0];
	tempImg=tempInfo[1];
	tempTitle=tempInfo[2];
	tempPage=tempInfo[3];
	document.write("<div class='thumbnail' style='float:left;margin:5px;background-image:url(images/"+tempThumb+");width:120px;height:120px'>");
	//if(portType!="mobile"){
		document.write("<a href='"+tempPage+"' class='greybox' ");
	//}else{
		//document.write("<a href='images/"+tempImg+"' class='greybox' ");
	//}
	document.write(" onmouseover=setOnImg('img"+i+"')");
	document.write(" onmouseout=setOffImg('img"+i+"')");
	document.write(" title='"+tempTitle+"' ><img src='images/cover.png' name='img"+i+"' id='img"+i+"' ");
	document.write(" width='120' height='120' border='0'></a></div>");
	if(i%15==0){document.write("<br clear='left' />");}
	}
}


//portType="web";

link1_on=new Image(94,33);
link1_off=new Image(94,33);
link1_on.src="images/nav/services_on.png";
link1_off.src="images/nav/services_off.png";

link2_on=new Image(94,33);
link2_off=new Image(94,33);
link2_on.src="images/nav/portfolio_on.png";
link2_off.src="images/nav/portfolio_off.png";

link3_on=new Image(129,33);
link3_off=new Image(129,33);
link3_on.src="images/nav/casestudies_on.png";
link3_off.src="images/nav/casestudies_off.png";

link4_on=new Image(94,33);
link4_off=new Image(94,33);
link4_on.src="images/nav/flashcourse_on.png";
link4_off.src="images/nav/flashcourse_off.png";

link5_on=new Image(113,33);
link5_off=new Image(113,33);
link5_on.src="images/nav/webcourse_on.png";
link5_off.src="images/nav/webcourse_off.png";

link6_on=new Image(63,33);
link6_off=new Image(63,33);
link6_on.src="images/nav/blog_on.png";
link6_off.src="images/nav/blog_off.png";

link7_on=new Image(96,33);
link7_off=new Image(96,33);
link7_on.src="images/nav/sitemap_on.png";
link7_off.src="images/nav/sitemap_off.png";

function changeNav(obj,state)
{
//alert(obj);
tempObj = obj+"_off";
if(state=="on")
	{	tempData = document.getElementById(tempObj);
		//alert(tempData);
		document.getElementById('link1').src=tempData.src;
	}else{
		document.getElementById(obj).src=obj+"_off.src";
	}

}


//-->