/*****************************************************************************************************/
/*                                                                                                   */
/*                                       'TABS PANEL' CLASS                                          */          
/*                                                                                                   */
/*****************************************************************************************************/

function TABS_GINFO(parent){
	var JSObject = this;
	
	var tabBtn = "tab_";
	var divId = "tab_container_";
	
	this.tabs = [];
	this.max_no_tabs = 3;
	
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                           FUNCTION INIT ITEM                                      */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.init = function(){
		
		for (var i=0; i<this.max_no_tabs; i++){
			if (document.getElementById(tabBtn+(i+1)) != null && document.getElementById(tabBtn+(i+1)) != "undefined"){
				var tab = new Object();
				tab.btn = document.getElementById(tabBtn+(i+1));
				tab.btn.index = i;
				tab.div = document.getElementById(divId+(i+1));
				tab.index = i;
				
				tab.btn.onclick = function(){
					JSObject.selectTab(this.index);
					
					for (var j=0; j<JSObject.max_no_tabs; j++){
						if (JSObject.tabs[j] != null && j != this.index){
							JSObject.unselectTab(j);
						}
					}
				}
				
				this.tabs.push(tab);
			}
			else{
				this.tabs.push(null);
			}
		}
	}
	
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                           FUNCTION SELECT ITEM                                    */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.selectTab = function(index){
		this.tabs[index].btn.className = "tab_black";
		this.tabs[index].div.style.display = "block";
		
		
		var imgLeft = this.tabs[index].btn.parentNode.cells[0].getElementsByTagName("img")[0];
		imgLeft.src = imgLeft.src.split("/tabs/")[0] + "/tabs/" + "tab_black_left.gif";
		var imgRight = this.tabs[index].btn.parentNode.cells[2].getElementsByTagName("img")[0];
		imgRight.src = imgRight.src.split("/tabs/")[0] + "/tabs/" + "tab_black_right.gif";
	}
	
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                           FUNCTION UNSELECT ITEM                                  */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.unselectTab = function(index){
		this.tabs[index].btn.className = "tab_grey";
		this.tabs[index].div.style.display = "none";
		
		var imgLeft = this.tabs[index].btn.parentNode.cells[0].getElementsByTagName("img")[0];
		imgLeft.src = imgLeft.src.split("/tabs/")[0] + "/tabs/" + "tab_grey_left.gif";
		var imgRight = this.tabs[index].btn.parentNode.cells[2].getElementsByTagName("img")[0];
		imgRight.src = imgRight.src.split("/tabs/")[0] + "/tabs/" + "tab_grey_right.gif";
	}
	
}