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/CrossroadsPlaza2_sm.jpg",
			1: "i/CrossRoadplaza01_sm.jpg"
		   
		   },
	    big: {
	        0: "i/CrossroadsPlaza2_lg.jpg",
			1: "i/CrossRoadplaza01_lg.jpg"
			
	    }

	},
	img2: {
	    small: {
			0: "i/Abeken_sm.jpg",
			1: "i/Abeken2_sm.jpg",
			2: "i/Abeken3_sm.jpg",
			3: "i/Abeken4_sm.jpg"
	    },
	    big: {
	        0: "i/Abeken_lg.jpg",
			1: "i/Abeken2_lg.jpg",
			2: "i/Abeken3_lg.jpg",
			3: "i/Abeken4_lg.jpg"
	    
	    }
	},
	img3: {
	    small: {
			0: "i/Canterbury_sm.jpg",
			1: "i/Canterbury2_sm.jpg"
		
	    },
	    big: {
	        0: "i/Canterbury_lg.jpg",
			1: "i/Canterbury2_lg.jpg"
	       
	    }
	},
	img4: {
	    small: {
			0: "i/RainSeniorHouse_sm.jpg",
			1: "i/RainSeniorHouse2_sm.jpg"
			
	    },
	    big: {
	        0: "i/RainSeniorHouse_lg.jpg",
	        1: "i/RainSeniorHouse2_lg.jpg"
	     
	    }
	},
	img5: {
	    small: {
			0: "i/RivoliHouse2_sm.jpg",
			1: "i/RivoliHouse_sm.jpg",
			2: "i/RivoliHouse3_sm.jpg",
			3: "i/RivoliHouse4_sm.jpg"
			
	    },
	    big: {
	        0: "i/RivoliHouse2_lg.jpg",
			1: "i/RivoliHouse_lg.jpg",
			2: "i/RivoliHouse3_lg.jpg",
			3: "i/RivoliHouse4_lg.jpg"
	       
	    }

	},
	img6: {
	    small: {
			0: "i/Regatta2_sm.jpg",
			1: "i/Regatta_sm.jpg"
		
	    },
	    big: {
	        0: "i/Regatta2_lg.jpg",
	        1: "i/Regatta_lg.jpg"
	       
	    }

	},
	img7: {
	    small: {
			0: "i/3160Parkave_sm.jpg"
			
	    },
	    big: {
	        0: "i/3160Parkave_lg.jpg"
	      
	    }
	},
	
		img8: {
	    small: {
			0: "i/beatrice_sm.jpg"
			
	    },
	    big: {
	        0: "i/beatrice_lg.jpg"
	      
	       
	    }

	},
		img9: {
	    small: {
			0: "i/StPeters_sm.jpg"
			
	    },
	    big: {
	        0: "i/StPeters_lg.jpg"
	      
	       
	    }

	},
		img10: {
	    small: {
			0: "i/westchester_sm.jpg"
			
	    },
	    big: {
	        0: "i/westchester_lg.jpg"
	      
	       
	    }

	},
		img11: {
	    small: {
			0: "i/gunhill_sm.jpg"
			
	    },
	    big: {
	        0: "i/gunhill_lg.jpg"
	      
	       
	    }

	},
	img12: {
	    small: {
			0: "i/eastman1_sm.jpg",
			1: "i/eastman2_sm.jpg"
		
	    },
	    big: {
	        0: "i/eastman1_lg.jpg",
	        1: "i/eastman2_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="#" 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;
	
}