//variables

var plaza2_1 = "<img src='images/project_plaza2_image_1.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_2 = "<img src='images/project_plaza2_image_2.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_3 = "<img src='images/project_plaza2_image_3.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_4 = "<img src='images/project_plaza2_image_4.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_5 = "<img src='images/project_plaza2_image_5.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_6 = "<img src='images/project_plaza2_image_6.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_7 = "<img src='images/project_plaza2_image_7.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_8 = "<img src='images/project_plaza2_image_8.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_9 = "<img src='images/project_plaza2_image_9.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_10 = "<img src='images/project_plaza2_image_10.jpg' width='565' height='330' border='0' alt=''>";
var plaza2_11 = "<img src='images/project_plaza2_image_11.jpg' width='565' height='330' border='0' alt=''>";

var plaza_1 = "<img src='images/project_plaza_image_1.jpg' width='565' height='330' border='0' alt=''>";
var plaza_2 = "<img src='images/project_plaza_image_2.jpg' width='565' height='330' border='0' alt=''>";
var plaza_3 = "<img src='images/project_plaza_image_3.jpg' width='565' height='330' border='0' alt=''>";

var dubois_1 = "<img src='images/project_dubois_image_1.jpg' width='565' height='330' border='0' alt=''>";
var dubois_2 = "<img src='images/project_dubois_image_2.jpg' width='565' height='330' border='0' alt=''>";

var knoll_1 = "<img src='images/project_knoll_image_1.jpg' width='565' height='330' border='0' alt=''>";
var knoll_2 = "<img src='images/project_knoll_image_2.jpg' width='565' height='330' border='0' alt=''>";
var knoll_3 = "<img src='images/project_knoll_image_3.jpg' width='565' height='330' border='0' alt=''>";

var lock_haven_1 = "<img src='images/project_lock_haven_image_1.jpg' width='565' height='330' border='0' alt=''>";
var lock_haven_2 = "<img src='images/project_lock_haven_image_2.jpg' width='565' height='330' border='0' alt=''>";
var lock_haven_3 = "<img src='images/project_lock_haven_image_3.jpg' width='565' height='330' border='0' alt=''>";

var kierland_1 = "<img src='images/project_kierland_image_1.jpg' width='565' height='330' border='0' alt=''>";
var kierland_2 = "<img src='images/project_kierland_image_2.jpg' width='565' height='330' border='0' alt=''>";
var kierland_3 = "<img src='images/project_kierland_image_3.jpg' width='565' height='330' border='0' alt=''>";
var kierland_4 = "<img src='images/project_kierland_image_4.jpg' width='565' height='330' border='0' alt=''>";
var kierland_5 = "<img src='images/project_kierland_image_5.jpg' width='565' height='330' border='0' alt=''>";
var kierland_6 = "<img src='images/project_kierland_image_6.jpg' width='565' height='330' border='0' alt=''>";

var dental_1 = "<img src='images/project_dental_image_1.jpg' width='565' height='330' border='0' alt=''>";
var dental_2 = "<img src='images/project_dental_image_2.jpg' width='565' height='330' border='0' alt=''>";
var dental_3 = "<img src='images/project_dental_image_3.jpg' width='565' height='330' border='0' alt=''>";
var dental_4 = "<img src='images/project_dental_image_4.jpg' width='565' height='330' border='0' alt=''>";
var dental_5 = "<img src='images/project_dental_image_5.jpg' width='565' height='330' border='0' alt=''>";
var dental_6 = "<img src='images/project_dental_image_6.jpg' width='565' height='330' border='0' alt=''>";
var dental_7 = "<img src='images/project_dental_image_7.jpg' width='565' height='330' border='0' alt=''>";

var sharon_1 = "<img src='images/resume_sharon_image_1.jpg' width='555' height='330' border='0' alt=''>";
var sharon_2 = "<img src='images/resume_sharon_image_2.jpg' width='555' height='330' border='0' alt=''>";
var sharon_3 = "<img src='images/resume_sharon_image_3.jpg' width='555' height='330' border='0' alt=''>";


function updateMainImage(ImageNumber,ProjectName){

	var text=document.getElementById('main_image')
	
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_1'){
		text.innerHTML= plaza2_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_2'){
		text.innerHTML= plaza2_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_3'){
		text.innerHTML= plaza2_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_4'){
		text.innerHTML= plaza2_4;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_5'){
		text.innerHTML= plaza2_5;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_6'){
		text.innerHTML= plaza2_6;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_7'){
		text.innerHTML= plaza2_7;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_8'){
		text.innerHTML= plaza2_8;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_9'){
		text.innerHTML= plaza2_9;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_10'){
		text.innerHTML= plaza2_10;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza2_11'){
		text.innerHTML= plaza2_11;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza_1'){
		text.innerHTML= plaza_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza_2'){
		text.innerHTML= plaza_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza_3'){
		text.innerHTML= plaza_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dubois_1'){
		text.innerHTML= dubois_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dubois_2'){
		text.innerHTML= dubois_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'plaza_3'){
		text.innerHTML= plaza_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'knoll_1'){
		text.innerHTML= knoll_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'knoll_2'){
		text.innerHTML= knoll_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'knoll_3'){
		text.innerHTML= knoll_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'lock_haven_1'){
		text.innerHTML= lock_haven_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'lock_haven_2'){
		text.innerHTML= lock_haven_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'lock_haven_3'){
		text.innerHTML= lock_haven_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'sharon_1'){
		text.innerHTML= sharon_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'sharon_2'){
		text.innerHTML= sharon_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'sharon_3'){
		text.innerHTML= sharon_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_1'){
		text.innerHTML= kierland_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_2'){
		text.innerHTML= kierland_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_3'){
		text.innerHTML= kierland_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_4'){
		text.innerHTML= kierland_4;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_5'){
		text.innerHTML= kierland_5;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'kierland_6'){
		text.innerHTML= kierland_6;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_1'){
		text.innerHTML= dental_1;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_2'){
		text.innerHTML= dental_2;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_3'){
		text.innerHTML= dental_3;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_4'){
		text.innerHTML= dental_4;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_5'){
		text.innerHTML= dental_5;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_6'){
		text.innerHTML= dental_6;
	}
	if (ProjectName + "_" + ImageNumber.toString() == 'dental_7'){
			text.innerHTML= dental_7;
	}
}


function swapContent(ImageNumber,NumberOfImages,ProjectName){

	//loop through the number of images and change them all to their default state

	for (var x = 1; x <= NumberOfImages.valueOf(); x++)
	{
		var ImageName = "thumb_" + x.toString();
		
		document.images[ImageName].src = "images/project_" + ProjectName + "_thumb_" + x.toString() + "_1.jpg";
	}

	//highlight current image
	var ImageName = "thumb_" + ImageNumber.toString();
	document.images[ImageName].src = "images/project_" + ProjectName + "_thumb_" + ImageNumber.toString() + "_2.jpg";


	updateMainImage(ImageNumber,ProjectName);
}


