// JavaScript Document

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 1;

var Picture = new Array();
var Caption = new Array();
var Title = new Array();
var showHot = false; 

// Define image file, image title, and image caption. images must be smaller than 400x320
Picture[1]  = 'portfolio/escape_web.jpg';
Title[1] = "Escape from Reality"
Caption[1]  = "This image is composed of nine separate photos, and uses over 35 layers. It makes heavy use of adjustment layers to get all the tones and shadows to match. This image was built to convey the idea of an escape from the monotonous.";
Picture[2]  = 'portfolio/escher_web.jpg';
Title[2] = "Tribute to M.C. Escher"
Caption[2]  = "This is a merge of two paintings from a classic artist, M.C. Escher. Several parts of the building were redrawn to show progress being made by the hands. Also the shadows had to be completely re-painted in order to create the illusion of dimension and life.";
Picture[3]  = 'portfolio/invisiskater_web.jpg';
Title[3] = "Invisible Skateboarder"
Caption[3]  = "We built this for a contest that was themed \"Invisible Action.\" In order to remove a subject from their clothing, you must erase any skin that was showing, clone in the background and draw in the missing parts. This meant replacing parts of the skate park, the inside of his hat and shirt, his pants, his front foot, and parts of the skateboard. 90% of the image replacement was re-drawn instead of cloned.";
Picture[4]  = 'portfolio/training_web.jpg';
Title[4] = "From Training to Reality"
Caption[4]  = "This is one of our favorite pieces. It is not intended to show any form of political message, but the growth of a man. We wanted to show how far the soldier has gone in such a short time, from basic training to fighting a war in Iraq. This is only made from three separate images. Can you tell where they merge?";
Picture[5]  = 'portfolio/540_web.jpg';
Title[5] = "540 Technologies Wallpaper"
Caption[5]  = "This desktop wallpaper was designed for 540 Technologies, a local company who designs skate and snowboard clothing. It is a simple design that reflects the image of the company while making it simple to find icons on the desktop.";
Picture[6]  = 'portfolio/overkill_web.jpg';
Title[6] = "Snowboarding Wallpaper"
Caption[6]  = "We built this desktop wallpaper just for fun. We wanted something that expressed a passion for snowboarding. This a piece has a clear subject and a strong flow.";
Picture[7]  = 'portfolio/kitchen_web.jpg';
Title[7] = "Tagged Kitchen"
Caption[7]  = "A kitchen tagged with graffiti was the theme we developed for an ad campaign for a home interiors store. Several sources of graffiti were used and put on the walls. Take note of the attention to detail, such as the reflections on the refrigerator and the floor. It\'s those kinds of details that make an image believable.";
Picture[8]  = 'portfolio/dessert_web.jpg';
Title[8] = "Dessert Photo Shoot"
Caption[8]  = "This picture shows not only our photography work, but more importantly our post processing work. The shot was taken from an atypical angle that presents the size and texture of the desert. It isn\'t easy to tell, but the lighting was bad when the shot was taken, so we had a lot of color balancing and tone work to do.";
Picture[9]  = 'portfolio/sinthetic_web.jpg';
Title[9] = "Sinthetic Graphics Website"
Caption[9]  = "<a class=\"notice\" href=\"http://sintheticgraphics.com\" target=\"_blank\">Sinthetic Graphics</a> is a an amazing graphic design company based out of Alberta Canada.  We recently designed their site using graphics designed by Sinthetic. This could become a relationship that is beneficial to both our teams, as well as our clients.";
Picture[10]  = 'portfolio/wetordry_web.jpg';
Title[10] = "Wet or Dry Martini Bar"
Caption[10]  = "This logo was designed for the Wet or Dry Martini Bar. It captures the classy, yet defiant atmosphere of the bar.";


var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
if (document.getElementById) document.getElementById("TitleBox").innerHTML= Title[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}