var current_index = 1;
var projects = new Array();
var images = new Array();
var titles = new Array();
var nav_images = new Array();

nav_images[1] = 'buttons/1.gif';
nav_images[2] = 'buttons/2.gif';
nav_images[3] = 'buttons/3.gif';
nav_images[4] = 'buttons/4.gif';
nav_images[5] = 'buttons/0.gif';

//project 1
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/barrier_5.jpg';
titles[1] = 'editorial_all_art/boundaries_title1.gif';

images[2] = 'editorial_all_art/barrier_2.jpg';
titles[2] = 'editorial_all_art/boundaries_title2.gif';

images[3] = 'editorial_all_art/barrier_3.jpg';
titles[3] = 'editorial_all_art/boundaries_title2.gif';


projects[1] = new Array();
projects[1]['images'] = images;
projects[1]['titles'] = titles;


//project 2
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/shadow.jpg';
titles[1] = 'editorial_all_art/shadow_title.gif';

images[2] = 'editorial_all_art/shadow2.jpg';
titles[2] = 'editorial_all_art/shadow_title2.gif';


projects[2] = new Array();
projects[2]['images'] = images;
projects[2]['titles'] = titles;


//project 3
images = new Array();
titles = new Array();

images[1] = 'editorial_all_art/greedybaby_5.jpg';
titles[1] = 'editorial_all_art/greedybabytitle_1.gif';

images[2] = 'editorial_all_art/greedybaby_4.jpg';
titles[2] = 'editorial_all_art/greedyenviousbabytitle_1.gif';

images[3] = 'editorial_all_art/greedybaby_2.jpg';
titles[3] = 'editorial_all_art/greedyenviousbabytitle_2.gif';


projects[3] = new Array();
projects[3]['images'] = images;
projects[3]['titles'] = titles;



//project 4
images = new Array();
titles = new Array();

images[1] = 'editorial_all_art/fish_1.jpg';
titles[1] = 'editorial_all_art/fishtitle.gif';




projects[4] = new Array();
projects[4]['images'] = images;
projects[4]['titles'] = titles;



//project 5
images = new Array();
titles = new Array();

images[1] = 'editorial_all_art/columbia.jpg';
titles[1] = 'editorial_all_art/columbiatitle.gif';

images[2] = 'editorial_all_art/columbia2.jpg';
titles[2] = 'editorial_all_art/columbiatitle2.gif';

images[3] = 'editorial_all_art/columbia3.jpg';
titles[3] = 'editorial_all_art/columbiatitle2.gif';





projects[5] = new Array();
projects[5]['images'] = images;
projects[5]['titles'] = titles;

//project 6
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/metropolis_1.jpg';
titles[1] = 'editorial_all_art/metropolistitle.gif';

images[2] = 'editorial_all_art/metropolis_2.jpg';
titles[2] = 'editorial_all_art/metropolistitle2.gif';



projects[6] = new Array();
projects[6]['images'] = images;
projects[6]['titles'] = titles;

//project 7
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/cajal_9.jpg';
titles[1] = 'editorial_all_art/cajaltitle.gif';

images[2] = 'editorial_all_art/cajal_8.jpg';
titles[2] = 'editorial_all_art/cajaltitle2.gif';


projects[7] = new Array();
projects[7]['images'] = images;
projects[7]['titles'] = titles;

//project 8
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/thirdterm4.gif';
titles[1] = 'editorial_all_art/thirdtermtitle_2.gif';

images[2] = 'editorial_all_art/thirdterm2.jpg';
titles[2] = 'editorial_all_art/thirdtermtitle_1.gif';


projects[8] = new Array();
projects[8]['images'] = images;
projects[8]['titles'] = titles;


//project 9
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/maclaren2.jpg';
titles[1] = 'editorial_all_art/maclarentitle.gif';

images[2] = 'editorial_all_art/maclaren1.jpg';
titles[2] = 'editorial_all_art/maclarentitle2.gif';


projects[9] = new Array();
projects[9]['images'] = images;
projects[9]['titles'] = titles;


//project 10
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/city1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/city3.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';



projects[10] = new Array();
projects[10]['images'] = images;
projects[10]['titles'] = titles;



//project 11
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/asad1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/asad2.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

images[3] = 'narrative_all_art/asad3.jpg';
titles[3] = 'narrative_all_art/blank_title.gif';

projects[11] = new Array();
projects[11]['images'] = images;
projects[11]['titles'] = titles;


//project 12
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/lisa2.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/lisa1.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[12] = new Array();
projects[12]['images'] = images;
projects[12]['titles'] = titles;


//project 13
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/rika2.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/rika1.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[13] = new Array();
projects[13]['images'] = images;
projects[13]['titles'] = titles;

//project 14
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/street3.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/street2.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

images[3] = 'narrative_all_art/street1.jpg';
titles[3] = 'narrative_all_art/blank_title.gif';

images[4] = 'narrative_all_art/street4.jpg';
titles[4] = 'narrative_all_art/blank_title.gif';

projects[14] = new Array();
projects[14]['images'] = images;
projects[14]['titles'] = titles;

//project 15
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/arms2.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/arms1.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';


projects[15] = new Array();
projects[15]['images'] = images;
projects[15]['titles'] = titles;

//project 16
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/dawn1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/dawn2.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[16] = new Array();
projects[16]['images'] = images;
projects[16]['titles'] = titles;

//project 17
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/baby3.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/baby1.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[17] = new Array();
projects[17]['images'] = images;
projects[17]['titles'] = titles;

//project 18
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/airplane1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/airplane2.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[18] = new Array();
projects[18]['images'] = images;
projects[18]['titles'] = titles;

//project 19
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/table2.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/table1.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[19] = new Array();
projects[19]['images'] = images;
projects[19]['titles'] = titles;

//project 20
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/transition1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';


projects[20] = new Array();
projects[20]['images'] = images;
projects[20]['titles'] = titles;

//project 21
images = new Array();
titles = new Array();
images[1] = 'narrative_all_art/home1.jpg';
titles[1] = 'narrative_all_art/blank_title.gif';

images[2] = 'narrative_all_art/home2.jpg';
titles[2] = 'narrative_all_art/blank_title.gif';

projects[21] = new Array();
projects[21]['images'] = images;
projects[21]['titles'] = titles;

//project 22
images = new Array();
titles = new Array();
images[1] = 'editorial_all_art/thread1.jpg';
titles[1] = 'editorial_all_art/threadtitle.gif';

images[2] = 'editorial_all_art/thread_3.jpg';
titles[2] = 'editorial_all_art/threadtitle_2.gif';


projects[22] = new Array();
projects[22]['images'] = images;
projects[22]['titles'] = titles;

//project 23
images = new Array();
titles = new Array();
images[1] = 'design_all_art/growposter.gif';
titles[1] = 'design_all_art/growpostertitle.gif';

images[2] = 'design_all_art/growposter2.gif';
titles[2] = 'design_all_art/growpostertitle2.gif';


projects[23] = new Array();
projects[23]['images'] = images;
projects[23]['titles'] = titles;

//project 24
images = new Array();
titles = new Array();
images[1] = 'design_all_art/seasons1.jpg';
titles[1] = 'design_all_art/seasonstitle1.gif';

images[2] = 'design_all_art/seasons4.jpg';
titles[2] = 'design_all_art/seasonstitle.gif';


images[3] = 'design_all_art/seasons3.jpg';
titles[3] = 'design_all_art/seasonstitle.gif';

images[4] = 'design_all_art/seasons2.jpg';
titles[4] = 'design_all_art/seasonstitle.gif';




projects[24] = new Array();
projects[24]['images'] = images;
projects[24]['titles'] = titles;

//project 25
images = new Array();
titles = new Array();
images[1] = 'design_all_art/trees.gif';
titles[1] = 'design_all_art/treestitle1.gif';


projects[25] = new Array();
projects[25]['images'] = images;
projects[25]['titles'] = titles;

$.swapProject = function(project_index) {
	current_index = project_index;
	$.preloadProjectImages();
	$.swapNav(projects[project_index]['images'].length);
	$.swapImage(1)
}

$.swapImage = function(image_index) {
	$("#main_display").attr("src", projects[current_index]['images'][image_index]);
	$.swapTitle(image_index);
}

$.swapTitle = function(title_index) {
	if(!$("#title").attr("src")) {
		$("#bot_info").prepend("<img id = 'title' src = '' />");
	}
	$("#title").attr({src : projects[current_index]['titles'][title_index]});
}

$.swapNav = function(num_elements) {
	$("#bot_nav ul").remove();
	$("#bot_nav").append("<ul>");
	for(var i = 1; i < num_elements; i++) {
		$("#bot_nav ul").append("<li><a href = 'javascript:$.swapImage(" + i + ")'><img src = '" + nav_images[i] + "' alt = 'nav' /></a></li>&nbsp;");
	}
	$("#bot_nav").append("</ul>");
}

$.preloadProjectsLandingImages = function() {
	for(var i = 1; i < projects.length; i++) {
		$("<img>").attr("src", projects[i]['images'][1]);
	}
}

$.preloadProjectImages = function() {
	for(var i = 1;i < projects[current_index]['images'].length; i++) {
		$("<img>").attr("src", projects[current_index]['images'][i]);
	}
}

$(document).ready(function() {
	
	$.preloadProjectsLandingImages();
});