function tabs() {
	if (document.getElementById("westTab")) {
		var westTab = document.getElementById("westTab");
		var valenciaTab = document.getElementById("valenciaTab");
		var roomDot = document.getElementById("content").getElementsByTagName("a");
		var span = document.getElementById("content").getElementsByTagName("span");
		var div = document.getElementById("content").getElementsByTagName("div");
		
		function closePhotoBoxes() {
			for(var j=0; j<div.length; j++) {
				if (div[j].className != "photoBox") {
					null;
				}
				else {
					div[j].style.display = "none";
				}
			}
		}
		
		westTab.getElementsByTagName("h3")[0].onclick = function() {
			westTab.style.zIndex = "2";
			westTab.getElementsByTagName("h3")[0].className = "selected";
			valenciaTab.style.zIndex = "1";
			valenciaTab.getElementsByTagName("h3")[0].className = "";
			closePhotoBoxes();
		}
		valenciaTab.getElementsByTagName("h3")[0].onclick = function() {
			westTab.style.zIndex = "1";
			westTab.getElementsByTagName("h3")[0].className = "";
			valenciaTab.style.zIndex = "2";
			valenciaTab.getElementsByTagName("h3")[0].className = "selected";
			closePhotoBoxes();
		}
		
		for (var i=0; i<roomDot.length; i++) {
			roomDot[i].onclick = function () {
				closePhotoBoxes();			
				var photoBoxId = String(this.href).split("#")[1];
				document.getElementById(photoBoxId).style.display = "block";
				return false;
			}
		}
		for (var i=0; i<span.length; i++) {
			if (span[i].className = "close") {
				span[i].onclick = function () {
					this.parentNode.style.display = "none";
				}
			}
		}
	}
}
function showPic(picUrl) {
	var div = document.getElementById("content").getElementsByTagName("div");
	for(var j=0; j<div.length; j++) {
		if (div[j].className != "photoBox") {
			null;
		}
		else {
			div[j].style.display = "none";
		}
	}
	var pic = document.getElementById("pictureContainer");
	pic.innerHTML = '<table width="601" height="365" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle"><span class="close">x</span> <img src="'+picUrl+'"></td></tr></table>'; 
	pic.style.display = "block";
	pic.getElementsByTagName("span")[0].onclick = function () {
		pic.style.display = "none";
	}	
}
function activePic(){
	
	if (document.getElementById("westTab")) {
		
		var westTab = document.getElementById("westTab");
		var valenciaTab = document.getElementById("valenciaTab");
		
		var pic = document.getElementById("pictureContainer");
		
		var large = document.getElementById("clickToLarge");
		
		var large2 = document.getElementById("clickToLarge2");
		
		large.onclick = function() {
			var westT = document.getElementById("westTop");
			westT.style.display = "block";
			westT.getElementsByTagName("span")[0].onclick = function () {
				westT.style.display = "none";
			}
		}
		large2.onclick = function() {
			var valT = document.getElementById("valenciaTop");
			valT.style.display = "block";
			valT.getElementsByTagName("span")[0].onclick = function () {
				valT.style.display = "none";
			}
			//showPic('img/floor.plan_valencia.jpg')
		}
		
	}
}
function swapTabT(nr){
	var secFloor = document.getElementById("westTopSec");
	var thirdFloor = document.getElementById("westTopThird");	
	if(nr=="2"){
		secFloor.style.display = "none";
		thirdFloor.style.display = "block";
	}else{
		thirdFloor.style.display = "none";
		secFloor.style.display = "block";
		
	}
}
window.onload = function() {
	tabs();
	activePic();
}