/**
 * @author andmas
 */
 var tabs;
 var lists = [];
 var subscribeTab;
 
Window.onDomReady(function() {
 
	//populate lists
	var children = $ES(".tabbed")[0].childNodes;
	for(var i=0; i<children.length; i++){
		var child = children[i];
		if(child.tagName && child.tagName.toLowerCase()=="div")
		{
			lists.push(child);
			
		}
	}
	

	var t = $ES("div.tabs")[0];
	var ul = document.createElement("ul");
	ul.className = "clearfix";
	t.appendChild(ul);
	tabs = $ES(".tabbed")[0].getElementsByTagName("h4");
	
	for(var i=0; i<tabs.length; i++){
		var hf = tabs[i];
		var lockTab = (hf.className == "true"); 
		var uls = $ES("div.tabs")[0].getElementsByTagName("ul");
		
		for (var j=0; j<uls.length; j++) {
			var li = document.createElement("li");
			var a = document.createElement("a");
			a.href = "#";
			a.className = "tab" + (i+1);
			if(lockTab)a.className = a.className + " lockInfo";
			a.innerHTML = hf.innerHTML;
			if(lockTab){
			    a.onclick = tabSubscribeView.bind(a);
			}else{
			    a.onclick = tabToggle.bind(a); 
			}
			
			li.appendChild(a);
			uls[j].appendChild(li);
			if(i==0)  $ES("a."+a.className)[0].addClass("selectedLink");
		}
		
		hf.style.display = "none";
		if (i > 0) lists[i+1].style.display = "none";
	}
	//populate subscribe tab
	var br = document.createElement("br");
	br.className = "clear";
    ul.appendChild(br);
	subscribeTab = lists[8];
	//subscribeTab.style.display = "none";
});


function tabToggle () {
	var clicked = this;	
	subscribeTab.style.display = "none";
	for(var i=1; i<lists.length-2; i++){// -2 to leave out the subscribe tab at the end this is hidden
		var ul = lists[i];
		$ES("a.tab"+(i))[0].removeClass("selectedLink");
		if (clicked.className == ul.id) {
			ul.style.display = "block";
			$ES("a."+clicked.className)[0].addClass("selectedLink");
		} else {
			ul.style.display = "none";
		}
	}
	return false;
}


function tabSubscribeView() {
	var clicked = this;	
	for(var i=1; i<lists.length-2; i++){ // -2 to leave out the subscribe tab at the end this is hidden
	    var ul = lists[i];
		$ES("a.tab"+(i))[0].removeClass("selectedLink");
		var className = clicked.className.replace(" lockInfo","");
		if (className == ul.id) {
			$ES("a."+className)[0].addClass("selectedLink");
		}
		ul.style.display = "none";
	}
    subscribeTab.style.display = "block";
	return false;
}