// main navigation image databases
function loadNavOutDB() {
  mainNavOutDB = new Array();  
  mainNavOutDB[0] = new Image(117,18);
  mainNavOutDB[0].src = "../images/nav_about_1.gif";
  mainNavOutDB[1] = new Image(117,18);
  mainNavOutDB[1].src = "../images/nav_proj_1.gif";
  mainNavOutDB[2] = new Image(117,18);
  mainNavOutDB[2].src = "../images/nav_kids_1.gif";
  mainNavOutDB[3] = new Image(117,18);
  mainNavOutDB[3].src = "../images/nav_press_1.gif";
  mainNavOutDB[4] = new Image(117,18);
  mainNavOutDB[4].src = "../images/nav_cont_1.gif";
  mainNavOutDB[5] = new Image(117,18);
  mainNavOutDB[5].src = "../images/nav_home_1.gif"; 
}

function loadNavOverDB() {
  mainNavOverDB = new Array();  
  mainNavOverDB[0] = new Image(117,18);
  mainNavOverDB[0].src = "../images/nav_about_2.gif";
  mainNavOverDB[1] = new Image(117,18);
  mainNavOverDB[1].src = "../images/nav_proj_2.gif";
  mainNavOverDB[2] = new Image(117,18);
  mainNavOverDB[2].src = "../images/nav_kids_2.gif";
  mainNavOverDB[3] = new Image(117,18);
  mainNavOverDB[3].src = "../images/nav_press_2.gif";
  mainNavOverDB[4] = new Image(117,18);
  mainNavOverDB[4].src = "../images/nav_cont_2.gif";
  mainNavOverDB[5] = new Image(117,18);
  mainNavOverDB[5].src = "../images/nav_home_2.gif"; 
}

function loadProjPrevDB() {
  projPrevDB = new Array();  
  projPrevDB[0] = new Image(86,107);
  projPrevDB[0].src = "../images/proj_01_b.jpg";
  projPrevDB[1] = new Image(86,107);
  projPrevDB[1].src = "../images/proj_02_b.jpg";
  projPrevDB[2] = new Image(86,107);
  projPrevDB[2].src = "../images/proj_03_b.jpg";
  projPrevDB[3] = new Image(86,107);
  projPrevDB[3].src = "../images/proj_04_b.jpg";
  projPrevDB[4] = new Image(86,107);
  projPrevDB[4].src = "../images/proj_05_b.jpg";
  projPrevDB[5] = new Image(86,107);
  projPrevDB[5].src = "../images/proj_06_b.jpg";
  projPrevDB[6] = new Image(86,107);
  projPrevDB[6].src = "../images/proj_07_b.jpg";
  projPrevDB[7] = new Image(86,107);
  projPrevDB[7].src = "../images/proj_08_b.jpg";
  projPrevDB[8] = new Image(86,107);
  projPrevDB[8].src = "../images/proj_09_b.jpg";
  projPrevDB[9] = new Image(86,107);
  projPrevDB[9].src = "../images/proj_10_b.jpg";
  projPrevDB[10] = new Image(86,107);
  projPrevDB[10].src = "../images/proj_11_b.jpg";
  projPrevDB[11] = new Image(86,107);
  projPrevDB[11].src = "../images/proj_12_b.jpg";
  projPrevDB[12] = new Image(86,107);
  projPrevDB[12].src = "../images/proj_13_b.jpg";
  projPrevDB[13] = new Image(86,107);
  projPrevDB[13].src = "../images/proj_14_b.jpg";
  projPrevDB[14] = new Image(86,107);
  projPrevDB[14].src = "../images/proj_15_b.jpg";
  projPrevDB[15] = new Image(86,107);
  projPrevDB[15].src = "../images/proj_16_b.jpg";
  projPrevDB[16] = new Image(86,107);
  projPrevDB[16].src = "../images/proj_17_b.jpg";
  projPrevDB[17] = new Image(86,107);
  projPrevDB[17].src = "../images/proj_18_b.jpg";
  projPrevDB[18] = new Image(86,107);
  projPrevDB[18].src = "../images/proj_19_b.jpg";
}

function loadProjMainDB() {
  projMainDB = new Array();  
  projMainDB[0] = new Image(329,414);
  projMainDB[0].src = "../images/proj_01_a.jpg";
  projMainDB[1] = new Image(329,414);
  projMainDB[1].src = "../images/proj_02_a.jpg";
  projMainDB[2] = new Image(329,414);
  projMainDB[2].src = "../images/proj_03_a.jpg";
  projMainDB[3] = new Image(329,414);
  projMainDB[3].src = "../images/proj_04_a.jpg";
  projMainDB[4] = new Image(329,414);
  projMainDB[4].src = "../images/proj_05_a.jpg";
  projMainDB[5] = new Image(329,414);
  projMainDB[5].src = "../images/proj_06_a.jpg";
  projMainDB[6] = new Image(329,414);
  projMainDB[6].src = "../images/proj_07_a.jpg";
  projMainDB[7] = new Image(329,414);
  projMainDB[7].src = "../images/proj_08_a.jpg";
  projMainDB[8] = new Image(329,414);
  projMainDB[8].src = "../images/proj_09_a.jpg";
  projMainDB[9] = new Image(329,414);
  projMainDB[9].src = "../images/proj_10_a.jpg";
  projMainDB[10] = new Image(329,414);
  projMainDB[10].src = "../images/proj_11_a.jpg";
  projMainDB[11] = new Image(329,414);
  projMainDB[11].src = "../images/proj_12_a.jpg";
  projMainDB[12] = new Image(329,414);
  projMainDB[12].src = "../images/proj_13_a.jpg";
  projMainDB[13] = new Image(329,414);
  projMainDB[13].src = "../images/proj_14_a.jpg";
  projMainDB[14] = new Image(329,414);
  projMainDB[14].src = "../images/proj_15_a.jpg";
  projMainDB[15] = new Image(329,414);
  projMainDB[15].src = "../images/proj_16_a.jpg";
  projMainDB[16] = new Image(329,414);
  projMainDB[16].src = "../images/proj_17_a.jpg";
  projMainDB[17] = new Image(329,414);
  projMainDB[17].src = "../images/proj_18_a.jpg";
  projMainDB[18] = new Image(329,414);
  projMainDB[18].src = "../images/proj_19_a.jpg";
}

function showOverImage(i) {
  var imgPosition = parseInt(i.name);
  i.src = mainNavOverDB[imgPosition].src;
}

function showOutImage(i) {
  var imgPosition = parseInt(i.name);
  i.src = mainNavOutDB[imgPosition].src;
}

function showNoImage (i) {
  var imgFile = "../images/clear.gif";
  document.preview.src = imgFile;
	document.getElementById(cur_proj_selected).style.color = "#ff5f00";
}

function showProjPreviewImage (i) {
	//alert("showProjPreviewImage in");
	//var itemName = i.name;
	//var itemPos = itemName.substr(8);
  //var imgPosition = parseInt(itemPos);
	//alert("imgPosition: " + imgPosition);
  //document.preview.src = projPrevDB[imgPosition].src;
	//document.preview.src = projPrevDB[i].src;
	//document.preview.src = category_images[i].src;
	
	//alert("showProjPreviewImage out");
}

function showProjMainImage (i) {
	var itemName = i;
	var itemPos = itemName.substr(8);
  var imgPosition = parseInt(itemPos);
  document.mainImage.src = projMainDB[imgPosition].src;

	var imgItem = "";
	for(var j = 0; j < projImageCount; j++) {
		var imgItem = "itemImg_" + j;
		document.images[imgItem].src = projNavOutDB[j].src;
	}

	imgItem = "itemImg_" + itemPos;
	document.images[imgItem].src = projNavSelectedDB[imgPosition].src;
}







/*
id|parent|expandable|link text|main image|preview image
*/
var ary_projects = new Array();
ary_projects[0] = "100|0|0|tribeca apartment|../images/projects/proj_01_a.jpg|../images/projects/proj_01_b.jpg";
ary_projects[1] = "101|0|1|CHILDREN'S BATHROOM||../images/projects/clear.gif";
ary_projects[2] = "118|101|0|children's bathroom kohl 1|../images/projects/proj_02_a.jpg|../images/projects/proj_02_b.jpg";
ary_projects[3] = "119|101|0|children's bathroom kohl 2|../images/projects/proj_03_a.jpg|../images/projects/proj_03_b.jpg";
ary_projects[4] = "102|0|1|MODERN LIBRARY||../images/projects/clear.gif";
ary_projects[5] = "120|102|0|modern library|../images/projects/proj_04_a.jpg|../images/projects/proj_04_b.jpg";
ary_projects[6] = "121|102|0|family room|../images/projects/proj_20_a.jpg|../images/projects/proj_20_b.jpg";
ary_projects[7] = "122|102|0|loft library|../images/projects/proj_21_a.jpg|../images/projects/proj_21_b.jpg";
ary_projects[8] = "103|0|1|LIVING ROOM LOUNGE||../images/projects/clear.gif";
ary_projects[9] = "123|103|0|living room lounge|../images/projects/proj_05_a.jpg|../images/projects/proj_05_b.jpg";
ary_projects[10] = "124|103|0|graphic corner|../images/projects/proj_22_a.jpg|../images/projects/proj_22_b.jpg";
ary_projects[11] = "104|0|0|los angeles home gym|../images/projects/proj_06_a.jpg|../images/projects/proj_06_b.jpg";
ary_projects[12] = "105|0|0|bedroom suite|../images/projects/proj_07_a.jpg|../images/projects/proj_07_b.jpg";
ary_projects[13] = "106|0|0|sitting room|../images/projects/proj_08_a.jpg|../images/projects/proj_08_b.jpg";
ary_projects[14] = "107|0|0|penthouse dressing room|../images/projects/proj_09_a.jpg|../images/projects/proj_09_b.jpg";
ary_projects[15] = "108|0|1|KIDS ROOM||../images/projects/clear.gif";
ary_projects[16] = "125|108|0|kids room 1|../images/projects/proj_23_a.jpg|../images/projects/proj_23_b.jpg";
ary_projects[17] = "126|108|0|kids room 2|../images/projects/proj_24_a.jpg|../images/projects/proj_24_b.jpg";
ary_projects[18] = "127|108|0|kids room 3|../images/projects/proj_25_a.jpg|../images/projects/proj_25_b.jpg";
ary_projects[19] = "109|0|1|CHILDREN'S WING||../images/projects/clear.gif";
ary_projects[20] = "128|109|0|children's wing 1|../images/projects/proj_26_a.jpg|../images/projects/proj_26_b.jpg";
ary_projects[21] = "129|109|0|children's wing 2|../images/projects/proj_27_a.jpg|../images/projects/proj_27_b.jpg";
ary_projects[22] = "110|0|1|COUNTRY COTTAGE||../images/projects/clear.gif";
ary_projects[23] = "130|110|0|country cottage|../images/projects/proj_11_a.jpg|../images/projects/proj_11_b.jpg";
ary_projects[24] = "131|110|0|luxury cabin|../images/projects/proj_28_a.jpg|../images/projects/proj_28_b.jpg";
ary_projects[25] = "111|0|1|HOME OFFICE||../images/projects/clear.gif";
ary_projects[26] = "132|111|0|home office|../images/projects/proj_12_a.jpg|../images/projects/proj_12_b.jpg";
ary_projects[27] = "133|111|0|high tech office|../images/projects/proj_29_a.jpg|../images/projects/proj_29_b.jpg";
ary_projects[28] = "112|0|1|DOWNTOWN KITCHEN LOFT||../images/projects/clear.gif";
ary_projects[29] = "134|112|0|downtown kitchen loft|../images/projects/proj_13_a.jpg|../images/projects/proj_13_b.jpg";
ary_projects[30] = "135|112|0|slim kitchen|../images/projects/proj_30_a.jpg|../images/projects/proj_30_b.jpg";
ary_projects[31] = "113|0|0|urban retreat|../images/projects/proj_14_a.jpg|../images/projects/proj_14_b.jpg";
ary_projects[32] = "114|0|0|spa bathroom|../images/projects/proj_15_a.jpg|../images/projects/proj_15_b.jpg";
ary_projects[33] = "115|0|1|HOUSE BEAUTIFUL SHOW HOUSE||../images/projects/clear.gif";
ary_projects[34] = "136|115|0|house beautiful show house 1|../images/projects/proj_16_a.jpg|../images/projects/proj_16_b.jpg";
ary_projects[35] = "137|115|0|house beautiful show house 2|../images/projects/proj_17_a.jpg|../images/projects/proj_17_b.jpg";
ary_projects[36] = "116|0|0|miami town house|../images/projects/proj_18_a.jpg|../images/projects/proj_18_b.jpg";
ary_projects[37] = "117|0|0|miami bathroom|../images/projects/proj_19_a.jpg|../images/projects/proj_19_b.jpg";

var cur_proj_selected;
var ary_proj_objects = new Array();
var zout = '';

for (var i = 0; i < ary_projects.length; i++) {
	var ary_temp = ary_projects[i].split("|");

	var main_image = new Image(329,414);
	main_image.src = ary_temp[4];
	
	var prev_image = new Image(86,107);
	prev_image.src = ary_temp[5];
	
	var proj_object;
	if (ary_temp[1] > 0) {
		proj_object = {
			id: "link_ao_" + ary_temp[0],
			parent_id: "link_ao_" + ary_temp[1],
			expandable: ary_temp[2],
			link_text: ary_temp[3],
			main_image: main_image,
			prev_image: prev_image,
			kids: new Array()
		}
	}
	else {
		proj_object = {
			id: "link_ao_" + ary_temp[0],
			parent_id: ary_temp[1],
			expandable: ary_temp[2],
			link_text: ary_temp[3],
			main_image: main_image,
			prev_image: prev_image,
			kids: new Array()
		}
	}
	zout += proj_object.id + "\n";
	
	if (ary_temp[1] > 0) {
		ary_proj_objects[proj_object.id] = proj_object;
		var kid_id = proj_object.parent_id;
		var parent_id = proj_object.parent_id;
		ary_proj_objects[parent_id].kids[ary_proj_objects[parent_id].kids.length] = proj_object;
	}
	else {
		ary_proj_objects[proj_object.id] = proj_object;
	}
	
	if (i == 0) {
		cur_proj_selected = proj_object.id;
	}
}

function mouse_over(id) {
	if (id != cur_proj_selected) {
		document.getElementById(id).style.color = "#ff5f00";
	}
	
	if (document.getElementById(id).className == "kids") {
		//document.getElementById("debug").innerHTML = 'kids';
		document.getElementById("preview").src = ary_proj_objects[id].kids[0].prev_image.src;
	}
	else if (document.getElementById(id).className == "contract") {
		//document.getElementById("debug").innerHTML = 'contract';
		document.getElementById("preview").src = ary_proj_objects[id].kids[0].prev_image.src;
	}
	else {
		//document.getElementById("debug").innerHTML = id;
		document.getElementById("preview").src = ary_proj_objects[id].prev_image.src
	}
}

function mouse_out(id) {
	if (id != cur_proj_selected) {
		document.getElementById(id).style.color = "#ffff66";
	}
}

function show_big_image(id) {
	document.getElementById("mainImage").src = ary_proj_objects[id].main_image.src;
	document.getElementById(cur_proj_selected).style.color = "#ffff66";
	cur_proj_selected = id;
	
	if(ary_proj_objects[id].parent_id == 0) {
		contract_all();
	}
	set_selected();
}

function set_selected() {
	//alert("cur_proj_selected: " + cur_proj_selected);
	document.getElementById(cur_proj_selected).style.color = "#ffffff";
}


function expand(id) {
	//document.getElementById("debug").innerHTML = id;
	contract_all();
	var keys = new Array();
	var ct = 0;
	for (var i in ary_proj_objects) {
		keys[ct] = i;
		ct++;
	}
	var output = '';
	var last_bottom = 0;
	for (var i = keys.length - 1; i >= 0; i--) {
		var key = keys[i];
		if (key == id) {
			for (var j = ary_proj_objects[id].kids.length - 1; j >= 0; j--) {
				output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
				output += '<a ';
				output += 'class="category" '; 
				output += 'href="#" ';
				output += 'id="' + ary_proj_objects[id].kids[j].id + '" ';
				output += 'onclick="show_big_image(\'' + ary_proj_objects[id].kids[j].id + '\');" ';
				output += 'onmouseout="mouse_out(\'' + ary_proj_objects[id].kids[j].id +  '\');" ';
				output += 'onmouseover="mouse_over(\'' + ary_proj_objects[id].kids[j].id + '\');"';
				output += '>';
				output += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
				output += ary_proj_objects[id].kids[j].link_text.toLowerCase()
				output += '</a>';
				output += '</div>' + "\n";
				last_bottom += 16;
			}
			output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
			output += '<a ';
			output += 'class="contract" '; 
			output += 'href="#" ';
			output += 'id="' + key + '" ';
			output += 'onclick="contract(\'' + key + '\');" ';
			output += 'onmouseout="mouse_out(\'' + key +  '\');" ';
			output += 'onmouseover="mouse_over(\'' + key + '\');"';
			output += '>';
			output += '-';
			output += ary_proj_objects[key].link_text.toUpperCase()
			output += '</a>';
			output += '</div>' + "\n";
		}
		else if (ary_proj_objects[key].kids.length > 0) {
			output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
			output += '<a ';
			output += 'class="kids" '; 
			output += 'href="#" ';
			output += 'id="' + key + '" ';
			output += 'onclick="expand(\'' + key + '\');" ';
			output += 'onmouseout="mouse_out(\'' + key +  '\');" ';
			output += 'onmouseover="mouse_over(\'' + key + '\');"';
			output += '>';
			output += '+';
			output += ary_proj_objects[key].link_text.toUpperCase()
			output += '</a>';
			output += '</div>' + "\n";
		}
		else if ((ary_proj_objects[key].kids.length == 0) && (ary_proj_objects[key].parent_id == 0))  {
			output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
			output += '<a ';
			output += 'class="category" '; 
			output += 'href="#" ';
			output += 'id="' + key + '" ';
			output += 'onclick="show_big_image(\'' + key + '\');" ';
			output += 'onmouseout="mouse_out(\'' + key +  '\');" ';
			output += 'onmouseover="mouse_over(\'' + key + '\');"';
			output += '>';
			output += ary_proj_objects[key].link_text.toLowerCase()
			output += '</a>';
			output += '</div>' + "\n";
		}
		else {
			last_bottom -= 16
		}
		last_bottom += 16;
	}
	document.getElementById("my_menu").innerHTML = output;
	cur_proj_selected = ary_proj_objects[id].kids[0].id;
	set_selected();
	show_big_image(cur_proj_selected);
}

function contract(id) {
	
	document.getElementById(cur_proj_selected).style.color = "#ffff66";
	cur_proj_selected = id;
	//document.getElementById("debug").innerHTML = cur_proj_selected;
	contract_all();
}

function contract_all() {
	var keys = new Array();
	var ct = 0;
	for (var i in ary_proj_objects) {
		keys[ct] = i;
		ct++;
	}
	//cur_proj_selected = ary_proj_objects[keys[0]].id;
	//alert("cur_proj_selected: " + cur_proj_selected);
	if (ary_proj_objects[cur_proj_selected].parent_id != 0) {
		//alert(cur_proj_selected + "/" + ary_proj_objects[cur_proj_selected].parent_id);
		cur_proj_selected = ary_proj_objects[cur_proj_selected].parent_id;
	}
	
	var output = '';
	var last_bottom = 0;
	for (var i = keys.length - 1; i >= 0; i--) {
		var id = keys[i];
		if (ary_proj_objects[id].kids.length > 0) {
			output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
			output += '<a ';
			output += 'class="kids" '; 
			output += 'href="#" ';
			output += 'id="' + id + '" ';
			output += 'onclick="expand(\'' + id + '\');" ';
			output += 'onmouseout="mouse_out(\'' + id +  '\');" ';
			output += 'onmouseover="mouse_over(\'' + id + '\');"';
			output += '>';
			output += '+';
			output += ary_proj_objects[id].link_text.toUpperCase()
			output += '</a>';
			output += '</div>' + "\n";
		}
		else if ((ary_proj_objects[id].kids.length == 0) && (ary_proj_objects[id].parent_id == 0))  {
			output += '<div class="project" style="bottom: ' + last_bottom + 'px;">';
			output += '<a ';
			output += 'class="category" '; 
			output += 'href="#" ';
			output += 'id="' + id + '" ';
			output += 'onclick="show_big_image(\'' + id + '\');" ';
			output += 'onmouseout="mouse_out(\'' + id +  '\');" ';
			output += 'onmouseover="mouse_over(\'' + id + '\');"';
			output += '>';
			output += ary_proj_objects[id].link_text.toLowerCase()
			output += '</a>';
			output += '</div>' + "\n";
		}
		else {
			last_bottom -= 16;
		}
		last_bottom += 16;
	}
	document.getElementById("my_menu").innerHTML = output;
	//alert("cur_proj_selected: " + cur_proj_selected);
	set_selected();
}