// JavaScript Document
var timeout;

function addListeners(){
	var as = document.getElementsByTagName("a");
	for(i=0;i<as.length;i++){
		if(as[i].className == "open" || as[i].className == "closed" || as[i].className == "tab-nav-on" || as[i].className == "tab-nav-off"){
			addEvent(as[i], "click", handleClick);
			addEvent(as[i], "dblclick", handleClick);
		}
	}
}

function addEvent(el, evtType, func, capture){
	var ret = 0;
	
	if (el.addEventListener)
		ret = el.addEventListener(evtType, func, capture);
	else if (el.attachEvent)
		ret = el.attachEvent('on' + evtType, func);
	else el['on' + evtType] = func;
	
	return ret;
}

function removeEvent(element, eventName, callback){
	if(typeof(element) == "object"){
		if(element.removeEventListener)
			element.removeEventListener(eventName, callback, false);
		else if(element.detachEvent)
			element.detachEvent("on" + eventName, callback);
	} else {
		return;
	}
}

function handleClick(e){
	if (!e) var e = window.event;	
	var tgt = e.target || e.srcElement;
	switch(tgt.className){
		case "open":
			pickup(e,tgt);
		  	break;    
		case "closed":
			drop(e,tgt);
		  	break;
		case "tab-nav-off":
			tabOn(e,tgt);
		  	break;
	}
}





function drop(e,tgt){
	tgt.className = "open";
	var divs = tgt.parentNode.getElementsByTagName("div");
	for(i=0;i<1;i++){
		if(divs[i].className == "down"){
			divs[i].style.display = "block";
		}
	}
	
	if(document.getElementById("tab-in-use")){
		document.getElementById("tab-in-use").id = "";
	}
}

function pickup(e,tgt){
	tgt.className = "closed";
	var divs = tgt.parentNode.getElementsByTagName("div");
	for(i=0;i<1;i++){
		if(divs[i].className == "down"){
			divs[i].style.display = "none";
		}
	}
}

function tabOn(e,tgt){
	var as = tgt.parentNode.parentNode.getElementsByTagName("a");
	for(i=0;i<as.length;i++){
		if(as[i].className == "tab-nav-on"){
			as[i].className = "tab-nav-off";
		}
	}
	
	tgt.className = "tab-nav-on";
	tgt.parentNode.parentNode.parentNode.parentNode.id = "tab-in-use";
}

function tab(num){
	var id = "tab-" + num;
	clearTimeout(timeout);
	
	if(document.getElementById("tab-in-use")){
		var divs = document.getElementById("tab-in-use").getElementsByTagName("div");
		for(i=0;i<divs.length;i++){
			if(divs[i].id.indexOf("tab-") != -1){
				divs[i].className = "hidden";
			}
		}
		
		if(document.getElementById(id)){
			if(document.getElementById(id).className == "shown")
				document.getElementById(id).className = "hidden";
			else
				document.getElementById(id).className = "shown";
		}
	
	} else {
		timeout = setTimeout("tab(" + num + ")", 50);	
	}
}



addEvent( window, "load", addListeners, false);