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";
	}
	
		if (div_id == "about_sub")
	{
		getEl("about_sub").style.display = "block";
	}
	else
	{
		getEl("about_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/stoneybrook1_sm.jpg",
			1: "i/stoneybrook2_sm.jpg"
			
			
		
	    },
	    big: {
	       0: "i/stoneybrook1_lg.jpg",
			1: "i/stoneybrook2_lg.jpg"
			
	       
	    }
	},
	
	img2: {
	    small: {
			0: "i/stoneybrook3_sm.jpg",
			1: "i/stoneybrook4_sm.jpg",
			2: "i/stonybrookgym_01_sm.jpg",
			3: "i/stonybrookgym_02_sm.jpg",
			4: "i/stonybrookgym_03_sm.jpg"
			
		
	    },
	    big: {
	      0: "i/stoneybrook3_lg.jpg",
			1: "i/stoneybrook4_lg.jpg",
			2: "i/stonybrookgym_01_lg.jpg",
			3: "i/stonybrookgym_02_lg.jpg",
			4: "i/stonybrookgym_03_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="#" title="Name of building" 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;
	
}