// ROOMS IMAGE CHANGE

function prepareLinks() {
	if (!document.getElementById || !document.getElementsByTagName) return;
	if (!document.getElementById("thumbList")) return;
	if (!document.getElementById("placeholder")) return;
	
	var list = document.getElementById("thumbList");
	var thumbs = list.getElementsByTagName("img");
	var links = list.getElementsByTagName("a");
	var placeHolder = document.getElementById("placeholder");
	var imageHeading = document.getElementById("imageHeading");
	var contentCopy = document.getElementById("contentCopy");
	
	for (var i=0; i<links.length; i++) {
		links[i].num = i;
		links[i].onclick = function() {
			this.getElementsByTagName("img")[0].className = 'active';
			placeHolder.src = this.getAttribute("href");
			imageHeading.src = imageHeadings[this.num];
			contentCopy.innerHTML = imageTexts[this.num];
			updateActive();			
			return false;
		};
	}
	
	updateActive();
}

function updateActive() {
	var list = document.getElementById("thumbList");
	var links = list.getElementsByTagName("a");
	var current = document.getElementById("placeholder").src;
	for (var i=0; i<links.length; i++) {
		var url = links[i].getAttribute("href");
		if (url.indexOf('://') == -1) {
			url = window.location.protocol + '//' + window.location.host + url;
		}
		if (url == current) {
			links[i].getElementsByTagName("img")[0].className = 'active';
		} else {
			links[i].getElementsByTagName("img")[0].className = '';
		}
	}
}

addEvent(window,'load',prepareLinks);