/* this function controls the tab functionality */
/* see template for_rent_detail.html */

function setTabs(startNode) {
	//alert(startNode);
	this.tabContent = new Array;
	this.itemArr = new Array;
	var tabArea = document.getElementById(startNode);
	var candidates = tabArea.getElementsByTagName("div");
	for (var c=0; c<candidates.length; c++) {
		if (candidates[c].className == "tabs") { 
			var tabLinks = candidates[c].getElementsByTagName("a");
		}
		if (candidates[c].className.indexOf("tabcontent") != -1) { 
			this.tabContent[tabContent.length] = candidates[c];
		}
	}
	for (var i=0; i<tabLinks.length; i++) {
		this.itemArr[this.itemArr.length] = new tabItem(this,tabLinks[i],tabContent[i],tabLinks,tabContent);
	}
}

tabItem = function (setTabs,tabLink,tabCont,allLinks,allContent) {
	this.setTabs = setTabs;
	this.tabLink = tabLink;
	this.tabCont = tabCont;
	this.allLinks = allLinks;
	this.allContent = allContent;
	this.tabLink.tabItem = this;
	this.tabLink.onclick = function () {
		this.tabItem.newTab();
		return false;
	}
}
tabItem.prototype.newTab = function () {
	this.clearAll();
	this.tabLink.className = "current";
	this.tabCont.className = "tabcontent ontop";
}
tabItem.prototype.clearAll = function () {
	for (var a=0; a<this.allContent.length; a++) {
		this.allContent[a].className = "tabcontent";
		this.allLinks[a].className = "";
	}
}