﻿// Common
function generateRandomNumber(topNum) {
	return Math.floor(Math.random() * topNum);
}

// Update element background
function changeElementBackgroundImage(x, objectArray, elementId, isPort) {
	var p = document.getElementById(elementId);
	
	if(isPort){
		//p.style.marginTop = "200px";
		//p.style.paddingLeft = "auto";
		//p.style.paddingRight = "auto";
		p.style.backgroundImage = "url('" + objectArray[x] + "')";
		var d = document.getElementById("casestudy");
		d.style.borderWidth = "1px";
		d.style.marginLeft = "50px";
		d.style.paddingTop = "86px";
		d.innerHTML = portfolioCopy[x];
	}else{
		p.style.paddingLeft = "34px";
		p.style.paddingRight = "82px";
		p.style.backgroundImage = "url('" + objectArray[x] + "')";
		var d = document.getElementById("casestudy");
		d.innerHTML = caseStudyCopy[x];
	}
	return false;
}

//  Initialization code
var flswf = new Array();
function caseStudyImage() { };
var caseStudyImage = new caseStudyImage();
var caseStudyCopy = new Array();
var portfolioImage = new Array();
var portfolioCopy = new Array();

var number = 0;

// Flash Header List
flswf[number++] = "flash/c232_header_v1.swf";
flswf[number++] = "flash/c232_header_v2.swf";
flswf[number++] = "flash/c232_header_v3.swf";
flswf[number++] = "flash/c232_header_v4.swf";
flswf[number++] = "flash/c232_header_v5.swf";
flswf[number++] = "flash/c232_header_v6.swf";
flswf[number++] = "flash/c232_header_v7.swf";

var fl_increment = generateRandomNumber(number);

// Case Study Image List
number = 0;
caseStudyImage[number] = "images/casestudy/cs2_disney.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>The Disney Channel</div><div class='project'><h5>Project:</h5>The Little Mermaid online games</div>" +
			"<div class='projectDescription'><p>Entertaining 6-12 year-olds is a daunting task. We had to create 5 online games and puzzles to coincide with the " +
			"release of Disney's The Little Mermaid DVD.</p><p>To see more samples of our work, please click here.</p></div>"
caseStudyImage[number] = "images/casestudy/cs2_dpanzer.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>Davis Panzer Productions</div><div class='project'><h5>Project:</h5>Highlander Seasons 1-6 DVD packaging and bonus featurettes</div>" +
			"<div class='projectDescription'><p>We designed the packaging along with the bonus CDs for each of the 6 seasons, featuring blooper reels, image, character and episode databases, trivia games and much more.</p>" +
			"<p>To see more samples of our work, please click here.</p></div>"
caseStudyImage[number] = "images/casestudy/cs2_godzilla.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>Sony Pictures</div><div class='project'><h5>Project:</h5>Godzilla Movie online database</div>" +
			"<div class='projectDescription'><p>We were contracted to design a site that incorporated a relational database of all things Godzilla.</p>" +
			"<p>To see more samples of our work, please click here.</p></div>"
caseStudyImage[number] = "images/casestudy/cs2_shell.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>Shell</div><div class='project'><h5>Project:</h5>Energized by Shell: online interactive video</div>" +
			"<div class='projectDescription'><p>Our challenge was to design and present an online educational presentation, mixing live actors, archived videos, illustrations and learning materials.</p>" +
			"<p>To see more samples of our work, please click here.</p></div>"
caseStudyImage[number] = "images/casestudy/cs2_tricrown.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>Tri-Crown Productions</div><div class='project'><h5>Project:</h5>MediaVision Now logo design and motion graphics</div>" +
			"<div class='projectDescription'><p>One of our many logo/graphics and TV series design projects for TCP, this one had to showcase the company’s technological and philosophical approach.</p>" +
			"<p>To see more samples of our work, please click here.</p></div>"
caseStudyImage[number] = "images/casestudy/cs2_ubisoft.jpg";
caseStudyCopy[number++] = "<div class='client'><h5>Client:</h5>Ubisoft</div><div class='project'><h5>Project:</h5>King Kong</div>" +
			"<div class='projectDescription'><p>This one was easy. Using the luscious game graphics modelled after the movie’s cinematography, we designed the packaging for the PS2 game.</p>" +
			"<p>To see more samples of our work, please click here.</p></div>"

var cs_increment = generateRandomNumber(number);

// Portfolio Image List
number = 0;
portfolioCopy[number] = "<p align='center'>Heroes of Might and Magic PC game campaigns<br>(The 3DO Company)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_3do.jpg";
portfolioCopy[number] = "<p align='center'>M&M campaign for Mars Inc.<br>(BBDO-Japan)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_bbdo.jpg";
portfolioCopy[number] = "<p align='center'>A Bugs Life website<br>(Buena Vista Pictures)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_buenavista.jpg";
portfolioCopy[number] = "<p align='center'>Speedbrowser software interface<br>(Citrix)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_citrix.jpg";
portfolioCopy[number] = "<p align='center'>Highlander: Seasons 1-6 DVD materials<br>(Davis Panzer Productions)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_dpanzer.jpg";
portfolioCopy[number] = "<p align='center'>Little Mermaid online games<br>(The Disney Channel)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_disney.jpg";
portfolioCopy[number] = "<p align='center'>Infiniti wheelstand kiosk interface<br>(George P. Johnson)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_gpj.jpg";
portfolioCopy[number] = "<p align='center'>Training@Intel website<br>(Intel)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_intel.jpg";
portfolioCopy[number] = "<p align='center'>Star Trek Klingon Academy PC game campaign<br>(Interplay Productions)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_interplay.jpg";
portfolioCopy[number] = "<p align='center'>Iron Monkey website<br>(Miramax Entertainment)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_miramax.jpg";
portfolioCopy[number] = "<p align='center'>Nike-Inter campaign microsite<br>(Nike Europe)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_nike.jpg";
portfolioCopy[number] = "<p align='center'>Nissan Z: 35th Anniversary campaign<br>(Nissan North America)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_nissanz.jpg";
portfolioCopy[number] = "<p align='center'>The Godfather DVD Collection website<br>(Paramount Pictures)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_paramount.jpg";
portfolioCopy[number] = "<p align='center'>A-List Awards video<br>(QUALCOMM)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_q.jpg";
portfolioCopy[number] = "<p align='center'>CE devices showcasing display technology<br>(QUALCOMM Mems Technologies)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_qmt.jpg";
portfolioCopy[number] = "<p align='center'>GlobalTRACS Solutions CD & materials<br>(QUALCOMM Wireless Business Solutions)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_qwbs.jpg";
portfolioCopy[number] = "<p align='center'>MediaFLO website and materials<br>(QUALCOMM MediaFLO)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_mflo.jpg";
portfolioCopy[number] = "<p align='center'>MediaFLO USA website and materials<br>(QUALCOMM MediaFLO USA)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_mflousa.jpg";
portfolioCopy[number] = "<p align='center'>Energized by Shell online educational video<br>(Shell)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_shell.jpg";
portfolioCopy[number] = "<p align='center'>Godzilla online database<br>(Sony Pictures)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_sony.jpg";
portfolioCopy[number] = "<p align='center'>Playstation Planet website<br>(Sony Europe)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_sonyeu.jpg";
portfolioCopy[number] = "<p align='center'>Speedracer X 5-9 video<br>(Speedracer)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_speedracer.jpg";
portfolioCopy[number] = "<p align='center'>Sprint PCS intranet<br>(Sprint)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_sprint.jpg";
portfolioCopy[number] = "<p align='center'>Heroes of Might and Magic PC game campaigns<br>(The 3DO Company)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_3do.jpg";
portfolioCopy[number] = "<p align='center'>Toyota Australia consumer website<br>(Toyota AU)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_toyota.jpg";
portfolioCopy[number] = "<p align='center'>MediaVision Now logo/motion graphics<br>(Tri-Crown Productions)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_tricrown.jpg";
portfolioCopy[number] = "<p align='center'>King Kong Playstation 2 packaging<br>(Ubisoft)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_ubisoft.jpg";
portfolioCopy[number] = "<p align='center'>Hercules: Seasons 1-6 DVD materials<br>(Universal Television)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_universal.jpg";
portfolioCopy[number] = "<p align='center'>American Idol (EU) website<br>(Universal-Vivendi)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_uvivendi.jpg";
portfolioCopy[number] = "<p align='center'>Joel Lang website<br>(CIS One)</p>";
portfolioImage[number++] = "images/portfolio/portfolio2_cisone.jpg";

// Page Initialization Code
function initializePage(){
	initializeSWF();
	initializeRightCol();
	}

function initializeSWF(){
	var so = new SWFObject(flswf[fl_increment], "C232Banner", "930", "110", "7", "#000000");
   	so.write("banner");
}

function initializeRightCol(){
	changeElementBackgroundImage(cs_increment,caseStudyImage,"right_col",false);	
}
