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] = ['img/gnosi04.jpg'];
imgHome[1] = ['img/timpani01.jpg'];
imgHome[2] = ['img/sistina.jpg'];

imgHome[3] = ['img/gnosi06.jpg'];

imgHome[4] = ['img/cinema03.jpg'];
imgHome[5] = ['img/opera01.jpg'];
imgHome[6] = ['img/botticelli.jpg'];
imgHome[7] = ['img/gauguin.jpg'];
imgHome[8] = ['img/leonardo01.jpg'];
imgHome[9] = ['img/orchestra03.jpg'];
imgHome[10] = ['img/renoir.jpg'];
imgHome[11] = ['img/renoir01.jpg'];

imgHome[12] = ['img/vangogh.jpg'];
imgHome[13] = ['img/gnosi11.jpg'];
imgHome[14] = ['img/hercolubus.jpg'];
imgHome[15] = ['img/tetragramma.jpg'];






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 portfolioId () {
	$('portfolio_image').src = 'img/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 = 'img/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 = 'img/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();
});