var b1img1 = new Image();
b1img1.src = "images/res/Res_CedarColonial_NewConsct.jpg";
var b1img2 = new Image();
b1img2.src = "images/res/Res_Contemporary_NewConstru.jpg";
var b1img3 = new Image();
b1img3.src = "images/res/Res_Victrian_NewConstr.jpg";
var b1img4 = new Image();
b1img4.src = "images/res/Res_Colonial_Spec_house.jpg";
var b1img5 = new Image();
b1img5.src = "images/res/Res_Colonial_HistoricRestor.jpg";
var b1img6 = new Image();
b1img6.src = "images/res/Res_Colonial_elevation_5000.jpg";
var b1img7 = new Image();
b1img7.src = "images/res/Res_Colonial_floorplan_5000.jpg";
var b1img8 = new Image();
b1img8.src = "images/res/Res_HighRanch_Renovation.jpg";
var b1img9 = new Image();
b1img9.src = "images/res/Res_SplitLevel_Renovation.jpg";
var b1img10 = new Image();
b1img10.src = "images/res/O_Grady.jpg";
var b1img11 = new Image();
b1img11.src = "images/res/Baron.jpg";
var b1img12 = new Image();
b1img12.src = "images/res/Federman.jpg";

var b2img1 = new Image();
b2img1.src = "images/comm/Corp_Lobby.jpg";
var b2img2 = new Image();
b2img2.src = "images/comm/Corp_SnackBar.jpg";
var b2img3 = new Image();
b2img3.src = "images/comm/Corp_DirectorsOffice.jpg";
var b2img4 = new Image();
b2img4.src = "images/comm/Corp_HealthClubMainFloor.jpg";
var b2img5 = new Image();
b2img5.src = "images/comm/Corp_HealthClubLockerRoom.jpg";

var b3img1 = new Image();
b3img1.src = "images/relig/StFrancis3.jpg";
var b3img2 = new Image();
b3img2.src = "images/relig/StFrancis4.jpg";
var b3img3 = new Image();
b3img3.src = "images/relig/REL_CrossSection_RCChurch.jpg";
var b3img4 = new Image();
b3img4.src = "images/relig/REL_Memorial_RCChurch.jpg";
var b3img5 = new Image();
b3img5.src = "images/relig/REL_code_conformance.jpg";

var b4img1 = new Image();
b4img1.src = "images/conserv/Conservatory.jpg";
var b4img2 = new Image();
b4img2.src = "images/conserv/Cnsrv_SeniorHousing_Atrium.jpg";

var b5img1 = new Image();
b5img1.src = "images/restaur/Cnsrv_Cafe.jpg";
var b5img2 = new Image();
b5img2.src = "images/restaur/AtlasParkExterior.jpg";
var b5img3 = new Image();
b5img3.src = "images/restaur/AtlasParkInterior.jpg";

var b6img1 = new Image();
b6img1.src = "images/pres/Pres_RomanCathChurch_3-D_In.jpg";
var b6img2 = new Image();
b6img2.src = "images/pres/Pres_RomanCatholicChurch_3-.jpg";
var b6img3 = new Image();
b6img3.src = "images/pres/Pres_RomCathChurch_3-D_Exte.jpg";
var b6img4 = new Image();
b6img4.src = "images/pres/Pres_WTCMemorial_Day.jpg";
var b6img5 = new Image();
b6img5.src = "images/pres/Pres_WTCMemorial_night.jpg";


var stateHolder;

var structure = new Array (10);
structure[0] = new Array ("a1","a","au","au1l","au1a");
structure[1] = new Array ("a2","a","au","au2l","au2a");
structure[2] = new Array ("a3","a","au","au3l","au3a");
structure[3] = new Array ("a4","a","au","au4l","au4a");
structure[4] = new Array ("b1","b","bu","bu1l","bu1a",12);
structure[5] = new Array ("b2","b","bu","bu2l","bu2a",5);
structure[6] = new Array ("b3","b","bu","bu3l","bu3a",5);
structure[7] = new Array ("b4","b","bu","bu4l","bu4a",2);
structure[8] = new Array ("b5","b","bu","bu5l","bu5a",3);
structure[9] = new Array ("b6","b","bu","bu6l","bu6a",5);

/*function leftside(divname) {
	document.getElementById(divname).style.display="block";
	if (divname == "resarch") {
	document.getElementById("bu").style.display="block";
	document.getElementById("b").style.color="#FEE179";
	document.getElementById("bu1a").style.color="black";
	document.getElementById("bu1a").style.backgroundColor="#ffda6d";
	document.getElementById("bu1l").style.backgroundColor="#ffda6d";
	document.getElementById("archImage").setAttribute("src", img1.src);
	stateHolder = 1;
	rollControl(1);
	if (divname != stateholder) {}; // first build array with link name [linkname][li, ul li, li ul li] and then save linkname, also change linkname to id (?); build function that reverses above style changes, and also one to set them;
	var stateHolder = divname;
	}
}*/

//var pattern = /^a/;

function backgroundColor(arrayEle,arrayEleTwo) {
	document.getElementById(arrayEle).onmouseover=function(){document.getElementById(arrayEle).style.backgroundColor="#ffda6d;";document.getElementById(arrayEleTwo).style.backgroundColor="#ffda6d;";}
document.getElementById(arrayEle).onmouseout=function(){document.getElementById(arrayEle).style.backgroundColor="#ffaa26";document.getElementById(arrayEleTwo).style.backgroundColor="#ffaa26";}
}//#ffda6d

function leftside(section) {
	for(i=0; i<10; i++) {
		document.getElementById("logo").style.display="none";
		document.getElementById("jafArch").style.display="none";
		document.getElementById("navjaf").style.display="block";
		document.getElementById("home").style.display="block";
		document.getElementById(structure[i][0]).style.display="none";// keep adding
		document.getElementById(structure[i][1]).style.color="#fff";
		
		document.getElementById(structure[i][3]).style.backgroundColor="#ffaa26";
		document.getElementById(structure[i][4]).style.color="#5A5B5D";
		document.getElementById(structure[i][4]).style.backgroundColor="#ffaa26";
		if (structure[i][0]==section && i < 4) {
			//alert("i == " + i);
			document.getElementById("archImg").style.display="none";
			document.getElementById("staticImg").style.display="block";
			document.getElementById("prev").style.display="none";
			document.getElementById("next").style.display="none";
			for(j=4; j<10; j++) {
				document.getElementById(structure[j][2]).style.display="none";
				var arrayEle = structure[j][2];
				document.getElementById(structure[j][1]).onmouseover=function(){ document.getElementById(arrayEle).style.display="block";}
				//document.getElementById(structure[j][1]).onmouseout=function(){ document.getElementById(arrayEle).style.display="none";}
				//var arrayEleTwo = structure[j][4];
				//var arrayEleThree = structure[j][3];
				//new backgroundColor(arrayEleTwo,arrayEleThree);	
			}
		}
		if (structure[i][0]==section && i == 0) {
			//alert("i == " + i);
			document.getElementById("archImg").style.display="none";
			document.getElementById("staticImg").style.display="none";
			document.getElementById("jafPhoto").style.display="block";
			document.getElementById("prev").style.display="none";
			document.getElementById("next").style.display="none";
			for(j=4; j<10; j++) {
				document.getElementById(structure[j][2]).style.display="none";
				var arrayEle = structure[j][2];
				document.getElementById(structure[j][1]).onmouseover=function(){ document.getElementById(arrayEle).style.display="block";}
				//document.getElementById(structure[j][1]).onmouseout=function(){ document.getElementById(arrayEle).style.display="none";}
				//var arrayEleTwo = structure[j][4];
				//var arrayEleThree = structure[j][3];
				//new backgroundColor(arrayEleTwo,arrayEleThree);	
			}
		}
		if (structure[i][0]==section && i > 3) {
			//alert("i == " + i);
			document.getElementById("staticImg").style.display="none";
			document.getElementById("archImg").style.display="block";
			document.getElementById("prev").style.display="block";
			document.getElementById("next").style.display="block";
			document.getElementById("archImage").setAttribute("src", eval(structure[i][0] + "img1").src);
			for(j=0; j<4; j++) {
				document.getElementById(structure[j][2]).style.display="none";
				var arrayEle = structure[j][2];
				document.getElementById(structure[j][1]).onmouseover=function(){ document.getElementById(arrayEle).style.display="block";}
				//document.getElementById(structure[j][1]).onmouseout=function(){ document.getElementById(arrayEle).style.display="none";}
			}
		}
	}
	for(i=0; i<10; i++) {
		if (structure[i][0]==section) {
			document.getElementById(structure[i][0]).style.display="block";
			document.getElementById(structure[i][1]).style.color="#FEE179";
			document.getElementById(structure[i][2]).style.display="block";
			document.getElementById(structure[i][3]).style.backgroundColor="#ffda6d";
			document.getElementById(structure[i][4]).style.color="black";
			document.getElementById(structure[i][4]).style.backgroundColor="#ffda6d";
			
			/*if (pattern.test(structure[i][0])) {
				document.getElementById("staticImg").style.display="none";
				document.getElementById("archImg").style.display="block";
			}
			else {
				document.getElementById("archImg").style.display="none";
				document.getElementById("staticImg").style.display="block";
			}*/
			
			stateHolder = 1;
			if (i > 3) {
				rollControl(structure[i][5],structure[i][0],1);
			}
			break;
		}
	}
	nextClick(section);
	prevClick(section);
}
		

function prevworks() {
	var prev = document.getElementById("prev");
	prev.onmouseover = function() {
		prev.style.color = "#ffaa26";
		prev.style.cursor = "pointer";
	};
	prev.onmouseout = function() {
		prev.style.color = "#000";
	};
}

function nextworks() {
	var next = document.getElementById("next");
	next.onmouseover = function() {
		next.style.color = "#ffaa26";
		next.style.cursor = "pointer";
	};
	next.onmouseout = function() {
		next.style.color = "#000";
	};
}

window.onload = function() {
	prevworks();
	nextworks();
	Roll();
	//nextClick();
	//prevClick();
	startList()
}
	
function Setter(ele,id,limit,div,i){
	//alert("limit = " + limit);
	document.getElementById(ele).onmouseover = function() {document.getElementById("archImage").setAttribute("src", eval(id).src); stateHolder = i; rollControl(limit,div,i);};
}
	
function Roll() {
	//alert("Roll()");
	for (j=4; j<10; j++) {
		var iMax = structure[j][5] + 1;
		//alert("iMax == " + iMax);
		for (var i = 1; i < iMax; i++) {
			//alert("Rollin()");
			var eleId = String(structure[j][0] + i);
			//alert("eleId = " + eleId);
			var eleIdA= String(structure[j][0] + i + "a");
			var imgId = String(structure[j][0] + "img" + i);
			//alert("structure[j][5] = " + structure[j][5]);
			new Setter(eleId,imgId,structure[j][5],structure[j][0],i);
			new Setter(eleIdA,imgId,structure[j][5],structure[j][0],i);
		}
	}
}

function rollControl(limit, div, place) {
	//alert("rollControl limit = " + limit + " div = " + div + " place = " + place);
	//alert("limit = " + limit);
	//alert("div = " + div);
	//alert("place = " + place);
	for (i=1; i<(limit+1); i++) { //limit is 15 for res
		//alert("div + i == " + div + i);
		document.getElementById(div + i).style.color="#5A5B5D";
		//alert("div + i + a == " + div + i + "a");
		document.getElementById(div + i + "a").style.color="#5A5B5D";
	}
	//alert("div + place == " + div + " " + place);
	document.getElementById(div + place).style.color="#ffaa26";
	document.getElementById(div + place + "a").style.color="#ffaa26";
}

function innerNextClick(stateHolder,j,section,limit) {
	if (stateHolder == j) {
		if (j == limit) {
			k = 1;
		}
		else {
			k = (j + 1);
		}
		document.getElementById("archImage").setAttribute("src", eval(section + "img" + k + ".src"));
		rollControl(limit, section, k);
		return true;
	}
}	

function nextClick(section) {
	var limit;
	for (i=4; i<10; i++) {
		if(structure[i][0] == section) {
			limit = structure[i][5];
			document.getElementById("next").onclick = 
				function(){
					for(j=1; j<(limit+1); j++) {//alert("j == " + j);
						if (innerNextClick(stateHolder,j,section,limit) == true) {
							if (stateHolder == limit) {
								stateHolder = 1;
							}
							else {
								stateHolder = (j + 1);
							}
							return;
						}
					}
				}	
		}
	}
}

function innerPrevClick(stateHolder,j,section,limit) {//alert("innerNextClick");
	if (stateHolder == j){
		if (j == 1) {
			k = limit;
		}
		else {
			k = (j - 1);
		}
		document.getElementById("archImage").setAttribute("src", eval(section + "img" + k + ".src"));
		rollControl(limit, section, k);
		return true;
	}
}	

function prevClick(section) {
	var limit;
	for (i=4; i<10; i++) {
		if(structure[i][0] == section) {
			limit = structure[i][5];
			document.getElementById("prev").onclick = 
				function(){
					for(j=1; j<(limit+1); j++) {//alert("j == " + j);
						if (innerPrevClick(stateHolder,j,section,limit) == true) {
							if (stateHolder == 1) {
								stateHolder = limit;
							}
							else {
								stateHolder = (j - 1);
							}
							return;
						}
					}
				}	
		}
	}
}
		
function startList()
{
	if (document.getElementById)
	{		
		navTopLI = document.getElementById("nav").getElementsByTagName("li");
		for (j=0; j<navTopLI.length; j++)
		{
			var navLI = navTopLI[j];
			if (navLI.nodeName=="LI") 
			{
				navLI.onmouseover=function() {						
						this.className+="over";					
					}
				navLI.onmouseout=function() {					
						this.className=this.className.replace("over", "");				
					}
			}		
		}	
	}
}