// JavaScript Document

var jTabber = {
	selTab: "a",
	selClass: "sel",
	tabs: "",
	tabber: "",
	starterTab: 0,
	objArgs: []
};

jTabber.init = function(){
	//Arguments required
	// 1. id name of the ul that contains the labels
	// 2. selection tag element plus class, eg: "a.sel" 
	// 3. starter tab id, eg: "0" - [OPTIONAL ARGS] !DOESN'T WORK
	this.objArgs = arguments;
	//Overwrite all the li elements
	this.overWriteTabs();
};

jTabber.overWriteTabs = function(){	
	
	this.tabber = document.getElementById(this.objArgs[0]);
	var selElement = this.objArgs[1].split(".");
	this.selTag = selElement[0];//Tag selected
	this.selClass = selElement[1];//Class used for selectino
	this.tabs = this.tabber.getElementsByTagName(this.selTag);
			
	for(i = 0; i < this.tabs.length; i++){
		var currentRef = this.tabs[i].href.split("#");	
		this.tabs[i].rel = currentRef[1];
		this.tabs[i].jsObj = this;
		this.tabs[i].onclick = function(){		
			this.jsObj.selectTab(this);
			return false;
		}
		this.tabs[i].href = "#";
	}//end for
	
	//default starter
	
	if(this.objArgs[2] != "" || this.objArgs[2] == "undefined"){
		this.starterTab	 = this.objArgs[2];
	}
	//init the first element
	//this.selectTab(this.tabs[this.starterTab]);
	this.selectTab(this.tabs[0]);
};

jTabber.selectTab = function(){
	var args = arguments;
	var linkRef = args[0];
	var tabID = linkRef.rel;
	
	$('ul#'+this.objArgs[0]+' '+this.selTag).removeClass(this.selClass);
	$(linkRef).addClass(this.selClass);
	
	for(i = 0; i < this.tabs.length; i++){
		var currentRef = this.tabs[i].rel;			
		if(tabID == currentRef){			
			$("#"+currentRef).show()
		} else {
			$("#"+currentRef).hide()
		}
	}//end for
};