var portfolio = new Array ();

var imgHome = new Array ();

var imgId = new Array ();
var typeId = new Array ();
var descId = new Array ();

var imgWeb = new Array ();
var typeWeb = new Array ();
var descWeb = new Array ();

// Home Page Image: Random

imgHome[0] = ['http://images.greghoustondesign.com/desert.jpg'];
imgHome[1] = ['http://images.greghoustondesign.com/surf.jpg'];

// Portfolio: Identity

imgId[0] = ['http://images.greghoustondesign.com/identity/logos.jpg', 'Logos', 'Various'];
imgId[1] = ['http://images.greghoustondesign.com/identity/ahhh_sanctuary.jpg', 'Logo', 'Ahhh Sanctuary'];
imgId[2] = ['http://images.greghoustondesign.com/identity/goldenkey.jpg', 'Logo', 'GoldenKey Mortgage'];
imgId[3] = ['http://images.greghoustondesign.com/identity/ezkode.jpg', 'Logo', 'EzKode - Web Solutions and Consulting']; 
imgId[4] = ['http://images.greghoustondesign.com/identity/eclipse.jpg', 'Logo Comp', 'Eclipse'];
imgId[5] = ['http://images.greghoustondesign.com/identity/polyex.jpg', 'Logo', 'PolyEx Software Engineering'];

// Portfolio: Web

imgWeb[0] = ['http://images.greghoustondesign.com/web/complexions.jpg', 'Website', 'Complexions - Spa for Beauty & Wellness'];
imgWeb[1] = ['http://images.greghoustondesign.com/web/blawg.jpg', 'Website', 'Blawg - Your Source for Legal Blogs, Podcasts and Newsfeeds'];
imgWeb[2] = ['http://images.greghoustondesign.com/web/polyex.jpg', 'Website', 'PolyEx Software Engineering'];
imgWeb[3] = ['http://images.greghoustondesign.com/web/css_zen_garden_01.jpg', 'Website', 'CSS Zen Garden'];
imgWeb[4] = ['http://images.greghoustondesign.com/web/css_zen_garden_02.jpg', 'Website', 'CSS Zen Garden'];
imgWeb[5] = ['http://images.greghoustondesign.com/web/horses_in_harmony.jpg', 'Website', 'Horses in Harmony'];
imgWeb[6] = ['http://images.greghoustondesign.com/web/yoga_gear.jpg', 'Website', 'Yoga Gear'];
imgWeb[7] = ['http://images.greghoustondesign.com/web/wiserearth.jpg', 'Website', 'WiserEarth'];

var image_num = 0;
var Q = imgHome.length;

function homeRandom() {
	var whichHomeImg=Math.round(Math.random()*(Q-1));
	$('portfolio_image').src = imgHome[whichHomeImg];
	$('type').innerHTML = 'A Contemplative Approach to Designing Sustainable User Experience';
	$('desc').innerHTML = 'for Ecologically, Economically and Socially Responsible Businesses and Organizations';	
}

function home () {
	$('portfolio_image').src = 'http://images.greghoustondesign.com/spacer.gif';	
	homeRandom();
	$('navigation').style.visibility = 'hidden';		
}

function portfolioId () {
	$('portfolio_image').src = 'http://images.greghoustondesign.com/spacer.gif';
	$('identity').className = 'current';
	$('interface').className = '';	
	image_num = 0;	
	portfolio = imgId.slice(0);
	$('portfolio_image').src = portfolio[0][0];
	$('type').innerHTML = portfolio[0][1];
	$('desc').innerHTML = portfolio[0][2];
	$('itemnum').innerHTML = '0' + (image_num+1) + '.';		
	$('navigation').style.visibility = 'visible';
	$('itemnum').style.display = 'block';	
}
	
function portfolioWeb () {
	$('portfolio_image').src = '';
	$('identity').className = '';
	$('interface').className = 'current';	
	image_num = 0;	
	portfolio = imgWeb.slice(0);
	$('portfolio_image').src = portfolio[0][0];
	$('type').innerHTML = portfolio[0][1];
	$('desc').innerHTML = portfolio[0][2];
	$('itemnum').innerHTML = '0' + (image_num+1) + '.';	
	$('navigation').style.visibility = 'visible';
	$('itemnum').style.display = 'block';		
}	

function nextslide() {
	$('portfolio_image').src = 'http://images.greghoustondesign.com/spacer.gif';	
	image_num++;
	if (image_num == portfolio.length) {
		image_num = 0;
		}
	$('portfolio_image').src = portfolio[image_num][0];
	$('type').innerHTML = portfolio[image_num][1];
	$('desc').innerHTML = portfolio[image_num][2];
	$('itemnum').innerHTML = '0' + (image_num+1) + '.';
}
	
function prevslide() {
	$('portfolio_image').src = 'http://images.greghoustondesign.com/spacer.gif';	
	image_num--;
	if (image_num <= -1) {
		image_num = (portfolio.length-1);
		}
	$('portfolio_image').src = portfolio[image_num][0];
	$('type').innerHTML = portfolio[image_num][1];
	$('desc').innerHTML = portfolio[image_num][2];
	$('itemnum').innerHTML = '0' + (image_num+1) + '.';	
}

window.addEvent('load', function(){
		homeRandom();
});