// functions.js





var nowshowing=8;





	picture = new Array();
	caption = new Array();

	picture[0] = "img/port/small/logo/Logo_theVine.jpg";
	caption[0] = "Logo Design";

	picture[1] = "img/port/small/web/Viscira_WebSite_01.jpg";
	caption[1] = "Web Layout Design Direction";

	picture[2] = "img/port/small/web/e-Learning_Design_01.jpg";
	caption[2] = "e-Learning UI Design";

	picture[3] = "img/port/small/web/WebDesign_NexusCafe_01.jpg";
	caption[3] = "Web Design & Development";

	picture[4] = "img/port/small/flash/InteractiveVideo_Kiosk_01.jpg";
	caption[4] = "Touchscreen Kiosk";

	picture[5] = "img/port/small/flash/VideoPlayer_01.jpg";
	caption[5] = "Flash Video Player";

	picture[6] = "img/port/small/flash/eLearning_system_02.jpg";
	caption[6] = "e-Learning System";

	picture[7] = "img/port/small/flash/eLearning_system_01.jpg";
	caption[7] = "e-Learning System";

	picture[8] = "img/port/small/flash/DocumentViewer_01.jpg";
	caption[8] = "e-Journal System";

	


	


	


function PreloadRecentImages() {


	preload= new Array()


	for(i =0 ; i < picture.length; i++){


		preload[i] = new Image();


		preload[i].src = picture[i];


	}


	//alert("loaded\n"+picture);


}


function swapRecent(what) {

	var thisCaption = "caption" + what;
	var thisThumb = "thumb" + what;

	if(nowshowing==undefined) { 
		nowshowing = 8;	
	} 

	var thatCaption = "caption" + nowshowing;
	var thatThumb = "thumb" + nowshowing;	

	document.getElementById(thatCaption).className = "recentOff";
	document.getElementById(thatThumb).className = "recentImgOff";

	document.getElementById('recentCaption').innerHTML = caption[what];
	document.getElementById('recentBig').src = picture[what];
	
	document.getElementById(thisCaption).className = "recentOn";
	document.getElementById(thisThumb).className = "recentOnImg";

	nowshowing = what;
}