var p_thumbs = new Array();
p_thumbs[0] ="assets/pics/portfolio_images/BusinessCards/BrukOut_BC.jpg";
p_thumbs[1] ="assets/pics/portfolio_images/BusinessCards/Phoenix_AptCard.gif";
p_thumbs[2] ="assets/pics/portfolio_images/BusinessCards/Phoenix_BC.gif";
p_thumbs[3] ="assets/pics/portfolio_images/BusinessCards/SugarBox_1.gif";
p_thumbs[4] ="assets/pics/portfolio_images/Flyers/MonsterMash_Outside.gif";
p_thumbs[5] ="assets/pics/portfolio_images/Flyers/SebFontaine.gif";
p_thumbs[6] ="assets/pics/portfolio_images/Flyers/Slide_1.gif";
p_thumbs[7] ="assets/pics/portfolio_images/Flyers/SoundFury_1.gif";
p_thumbs[8] ="assets/pics/portfolio_images/Flyers/SugarBox.gif";
p_thumbs[9] ="assets/pics/portfolio_images/Flyers/TPower_1.gif";
p_thumbs[10] ="assets/pics/portfolio_images/Logos/FiduciaLogo.gif";
p_thumbs[11] ="assets/pics/portfolio_images/Logos/PhoenixLogo.gif";
p_thumbs[12] ="assets/pics/portfolio_images/Logos/RypeLogo.gif";
p_thumbs[13] ="assets/pics/portfolio_images/Poster/DaSpotPoster.gif";
p_thumbs[14] ="assets/pics/portfolio_images/Poster/DownToEarth.gif";
p_thumbs[15] ="assets/pics/portfolio_images/Poster/MonsterMash.gif";
p_thumbs[16] ="assets/pics/portfolio_images/Poster/TPowerPoster.gif";

var p_thumbs_text = new Array();
p_thumbs_text[0] ="<h4>Dj Bruk Out</h4>Business Card<br>Designed in Illustrator CS2<br>Full color both sides<br>Printed through Common Grooves<br>Hand Traced Foliage using vector points<br>Concept from client<br>3.5x2";
p_thumbs_text[1] ="<h4>Phoenix Hair Design</h4>Appointment Card<br>Designed in Illustrator CS2<br>Full color both sides<br>Printed through Common Grooves<br>Half size cards<br>3.5x1.25 w/ rounded corner";
p_thumbs_text[2] ="<h4>Phoenix Hair Design</h4>Business Card<br>Designed in Illustrator CS2<br>Full color both sides<br>Printed through Common Grooves<br>Artistic Redesign of Logo<br>3.5x2 w/ rounded corners";
p_thumbs_text[3] ="<h4>Sugar Box Hair Removal</h4>Business Card<br>Designed in Photoshop CS2<br>Full color both sides<br>Printed through Common Grooves<br>Concept from client, Developed by Common Grooves<br>2x3.5";
p_thumbs_text[4] ="<h4>Monster Mash</h4>Rype Entertainment and Channel One Media<br>Designed in Photoshop<br>Hand drawn elements<br>Halloween event at the Waldorf, Vancouver<br>Update of past event<br>12x4 Middle fold - Full color both sides";
p_thumbs_text[5] ="<h4>Seb Fontaine</h4>MSH Entertainment<br>Designed in Photoshop CS2<br>First version of 3 for client<br>Concept by Common Grooves<br>6x4 - Full color both sides";
p_thumbs_text[6] ="<h4>DJ Slide and MC Efes</h4>Blackcrack Entertainment<br>Designed in Photoshop CS2<br>Drum and Bass event in Victoria B.C.<br>Concept and Printed by Common Grooves<br>4x6 - Full color both sides";
p_thumbs_text[7] ="<h4>Sound and Fury Tour 2007</h4>Blackcrack Entertainment<br>Designed in Photoshop CS2<br>Underground Dubstep event in Vancouver B.C.<br>Concept and Printed by Common Grooves<br>3x5 - Full color both sides";
p_thumbs_text[8] ="<h4>Sugar Box Hair Removal</h4>Designed in Photoshop CS2<br>Promotional flyers for retail locations<br>Concept and printed by Common Grooves<br>5x3 - Full color both sides";
p_thumbs_text[9] ="<h4>T Power</h4>Abstrakt Entertainment<br>Designed in Photoshop CS2<br>Event at Cyber Nightclub in Vancouver B.C.<br>Concept by Common Grooves<br>3x5 - Full color both sides";
p_thumbs_text[10] ="<h4>Fiducia Exchange</h4>Designed in Illustrator and Photoshop CS2<br>Concept by Commoon Grooves<br>Full color<br>Vector Graphic";
p_thumbs_text[11] ="<h4>Phoenix Hair Design</h4>Designed in Photoshop and Illustrator CS2<br>Model shoot for silhouette<br>Hand drawn elements in hair<br>Modified Fonts<br>Full color - Vector Graphic";
p_thumbs_text[12] ="<h4>Rype Entertainment</h4>Designed in Illustrator and Photoshop CS2<br>Remake of old concept<br>Full color<br>Vector Graphic";
p_thumbs_text[13] ="<h4>@ DaSpot Mondays</h4>Designed in Photoshop CS2<br>Hand drawn elements<br>Multi event poster<br>Black and White design<br>Concept and print by Common Grooves<br>11x17";
p_thumbs_text[14] ="<h4>Down To Earth</h4>Designed in Photoshop CS2<br>Underground event at the Waldorf, Vancouver<br>Black and White design<br>Concept and print by Common Grooves<br>11x17";
p_thumbs_text[15] ="<h4>Monster Mash</h4>Designed in Photoshop CS2<br>Duotone color using pantone color and black<br>Concept by Common Grooves<br>11x17";
p_thumbs_text[16] ="<h4>T Power</h4>Designed in Photoshop CS2<br>Duotone color using pantone color and black<br>Concept by Common Grooves<br>11x17";

var p_thumbbacks = new Array();
p_thumbbacks[0] ="assets/pics/portfolio_images/BusinessCards/SugarBox_2.gif";
p_thumbbacks[1] ="assets/pics/portfolio_images/Flyers/MonsterMash_Inside.gif";
p_thumbbacks[2] ="assets/pics/portfolio_images/Flyers/Slide_2.gif";
p_thumbbacks[3] ="assets/pics/portfolio_images/Flyers/SoundFury_2.gif";
p_thumbbacks[4] ="assets/pics/portfolio_images/Flyers/TPower_2.gif";

var backs = new Array();
backs[0] = "";
backs[1] = "<a href='#' onclick='pviewback(0);'>back</a>-<a href='#' onclick='pview2(3);'>front</a>";
backs[2] = "<a href='#' onclick='pviewback(1);'>back</a>-<a href='#' onclick='pview2(4);'>front</a>";
backs[3] = "<a href='#' onclick='pviewback(2);'>back</a>-<a href='#' onclick='pview2(6);'>front</a>";
backs[4] = "<a href='#' onclick='pviewback(3);'>back</a>-<a href='#' onclick='pview2(7);'>front</a>";
backs[5] = "<a href='#' onclick='pviewback(4);'>back</a>-<a href='#' onclick='pview2(9);'>front</a>";

function pview(index,back){
i = p_thumbs[index];
document.getElementById('viewer').src = i;
t = p_thumbs_text[index];
document.getElementById('viewer-text').innerHTML = t;
dub = backs[back];
document.getElementById('inter-nav').innerHTML = dub;
}

function pview2(index){
i2 = p_thumbs[index];
document.getElementById('viewer').src = i2;}

function pviewback(index){
i = p_thumbbacks[index];
document.getElementById('viewer').src = i;
}