function openWin( uri ) {
	window.open( uri, "smallWindow", "width=440,height=400");
}

function getEl(element_id)
{
	return document.getElementById(element_id);
}

function setBuildingName(building_id)
{
	getEl("building").innerHTML =  getEl(building_id).title;

}

function setBuildingDetails(detail_id)
{
	getEl("detail").innerHTML =  getEl(detail_id).title;

}


function makeSelected(div_id)
{
	makeAllDeselected();

	getEl(div_id).className = "marker";

	if (div_id == "div3")
	{
		getEl("div3_3").style.display = "block";
	}
	else
	{
		getEl("div3_3").style.display = "none";
	}
}

function subMenu(div_id)
{
	makeAllDeselected();

	//getEl(div_id).className = "marker";

	if (div_id == "com_sub")
	{
		getEl("com_sub").style.display = "block";
	}
	else
	{
		getEl("com_sub").style.display = "none";
	}
	
		if (div_id == "res_sub")
	{
		getEl("res_sub").style.display = "block";
	}
	else
	{
		getEl("res_sub").style.display = "none";
	}
}


function makeAllDeselected()
{
	getEl("div1").className = "marker2";
	getEl("div2").className = "marker2";
	getEl("div3").className = "marker2";
	getEl("div4").className = "marker2";
	getEl("div5").className = "marker2";
	getEl("div6").className = "marker2";
	getEl("div7").className = "marker2";
}

var imagesArray = {
	img1: {
	    small: {
			0: "i/hutchinsonmetrocenter4_sm.jpg",
			1: "i/hutchinsonmetrocenter2_sm.jpg",
			2: "i/hutchinsonmetrocenter3_sm.jpg",
			3: "i/hutchinsonmetrocenter_sm.jpg",
			4: "i/hutchinsonmetrocenter5_sm.jpg",
			5: "i/hutchinsonmetrocenter6_sm.jpg",
			6: "i/hutchinsonmetrocenter7_sm.jpg",
			7: "i/hutchinsonmetrocenter8_sm.jpg",
			8: "i/hutchinsonmetrocenter9_sm.jpg",
			9: "i/hutchinsonmetrocenter10_sm.jpg",
			10: "i/hutchinsonmetrocenter11_sm.jpg",
			11: "i/hutchinsonmetrocenter12_sm.jpg",
			12: "i/hutchinsonmetrocenter13_sm.jpg",
			13: "i/HutchTowergate_sm.jpg"
			
	    },
	    big: {
	        0: "i/hutchinsonmetrocenter4_lg.jpg",
			1: "i/hutchinsonmetrocenter2_lg.jpg",
			2: "i/hutchinsonmetrocenter3_lg.jpg",
			3: "i/hutchinsonmetrocenter_lg.jpg",
			4: "i/hutchinsonmetrocenter5_lg.jpg",
			5: "i/hutchinsonmetrocenter6_lg.jpg",
			6: "i/hutchinsonmetrocenter7_lg.jpg",
			7: "i/hutchinsonmetrocenter8_lg.jpg",
			8: "i/hutchinsonmetrocenter9_lg.jpg",
			9: "i/hutchinsonmetrocenter10_lg.jpg",
			10: "i/hutchinsonmetrocenter11_lg.jpg",
			11: "i/hutchinsonmetrocenter12_lg.jpg",
			12: "i/hutchinsonmetrocenter13_lg.jpg",
			13: "i/HutchTowergate_lg.jpg"
	       
	    }

	},
	img2: {
	    small: {
			0: "i/TowersHutchMetroFR_sm.jpg",
			1: "i/TowersHutchMetroRR_sm.jpg",
			2: "i/HutchTowerNew_sm.jpg",  
			3: "i/HutchTowerNew02_sm.jpg",
			4: "i/HutchTowerNew03_sm.jpg"
		
	    },
	    big: {
	        0: "i/TowersHutchMetroFR_lg.jpg",
			1: "i/TowersHutchMetroRR_lg.jpg",
			2: "i/HutchTowerNew_lg.jpg",  
			3: "i/HutchTowerNew02_lg.jpg",
			4: "i/HutchTowerNew03_lg.jpg"
	       
	    }

	},
	img3: {
	    small: {
			0: "i/590_sm.jpg",
			1: "i/5902_sm.jpg",
			2: "i/5903_sm.jpg"
			
	    },
	    big: {
	        0: "i/590_lg.jpg",
			1: "i/5902_lg.jpg",
			2: "i/5903_lg.jpg"
	      
	    }
	},
	img4: {
	    small: {
			0: "i/935NorthernBlvd_sm.jpg",
			1: "i/935NorthernBlvd2_sm.jpg"
			
	    },
	    big: {
	        0: "i/935NorthernBlvd_lg.jpg",
			1: "i/935NorthernBlvd2_lg.jpg"
	    
	    }
	},
	img5: {
	    small: {
			0: "i/easchestermontifior_sm.jpg",
			1: "i/eastchester3_sm.jpg"
		
	    },
	    big: {
	        0: "i/easchestermontifior_lg.jpg",
			1: "i/eastchester3_lg.jpg"
	       
	    }
	},
	img6: {
	    small: {
			0: "i/granitebldi4_sm.jpg",
			1: "i/granitebldi2_sm.jpg",
			2: "i/granitebldi3_sm.jpg",
			3: "i/granitebldi5_sm.jpg",
			4: "i/granitebldi6_sm.jpg"
			
	    },
	    big: {
	        0: "i/granitebldi4_lg.jpg",
			1: "i/granitebldi2_lg.jpg",
			2: "i/granitebldi3_lg.jpg",
			3: "i/granitebldi5_lg.jpg",
			4: "i/granitebldi6_lg.jpg"
			
	     
	    }
	},
	
	img7: {
	    small: {
			0: "i/ThePavillion_sm.jpg",
			1: "i/ThePavillion2_sm.jpg"
		
	    },
	    big: {
	        0: "i/ThePavillion_lg.jpg",
			1: "i/ThePavillion2_lg.jpg"
	       
	    }
	},
	img8: {
	    small: {
			0: "i/irwingoldfamily_sm.jpg",
			1: "i/irwingoldfamily2_sm.jpg",
			2: "i/irwingoldfamily3_sm.jpg",
			3: "i/irwingoldfamily5_sm.jpg",
			4: "i/irwingoldfamily4_sm.jpg"
			
	    },
	    big: {
	        0: "i/irwingoldfamily_lg.jpg",
			1: "i/irwingoldfamily2_lg.jpg",
			2: "i/irwingoldfamily3_lg.jpg",
			3: "i/irwingoldfamily5_lg.jpg",
			4: "i/irwingoldfamily4_lg.jpg"
			
	     
	    }
	}
	
	
}

function showIcons(imgKey)
{
    var mDiv = getEl("smallPictures");
    var mDesc = getEl("desctiption");
    var mHtml = "";

	for (var i in imagesArray[imgKey]["small"])
	{
		mHtml += '<a href="#" width="35" height="20" onclick="showBig(\'' + imgKey + '\', \''+ i +'\');"><img src="' + imagesArray[imgKey]["small"][i] + '" class="imagesIcons" /></a>';
	}

	mDiv.innerHTML = mHtml;

	mDesc.innerHTML = getEl(imgKey + "description").innerHTML;

	showBig(imgKey, 0);
}

function showBig(imgKey, index)
{
	
    var mDiv = getEl("bigPicture");
    var mHtml = '<img  width="440" height="320" src="' + imagesArray[imgKey]["big"][index] + '" class="bigImage" />';

    mDiv.innerHTML = mHtml;
	
}