// set the trackers top the intial state
var menuSize=10;
var tabIdSelected=1;
var tabIdPrevious=1;
var tabHasItemsPrevious=false;
var tabHasClassPrevious='';
//var tabClassPrevious='menu-list menu-list-slctd';

//var lastTabId=0;

//var lastBarId=1;
//var prevBarId=1;
var tabControlOn = function(id,selected,hasitems) { 
	tabBar=null;
	tabElement=null;
	tabBarThis=document.getElementById('menu-list-wrppr-'+id);
	tabElementThis=document.getElementById('menu-list-'+id);
	tabHasClassPrevious=tabElementThis.className;
	tabElementThis.className='menu-list menu-list-hover';
	if(hasitems){
		tabBarWrapper=document.getElementById('menu-list-outer-items');
		// turn everything off
		for(i=1;i<menuSize;i++){
			tabElement=document.getElementById('menu-list-'+i);
			tabBar=document.getElementById('menu-list-wrppr-'+i);
			if( tabElement!=null){
				tabElement.className='menu-list';
			}
			if( tabBar!=null){
				tabBar.style.display='none';
			}
		}
		// turn the hovered tab and bar on
		tabElementThis.className='menu-list menu-list-hover';
		tabBarWrapper.className='menu-list-outer-items menu-list-outer-items-hover';
	}
	if( tabBarThis!=null){
		tabBarThis.style.display='block';
	}
	// update the trackers
	tabIdSelected=selected;
	tabIdPrevious=id;
	tabHasItemsPrevious=hasitems;
}
var tabControlOff = function(id,hasitems,iclass) {
	tabElementThis=document.getElementById('menu-list-'+id);
	tabElementThis.className=iclass;
	if(hasitems){
		tabBarWrapper=document.getElementById('menu-list-outer-items');
		tabBarWrapper.className='menu-list-outer-items';
		for(i=1;i<menuSize;i++){
			tabElement=document.getElementById('menu-list-'+i);
			tabBarSelected=document.getElementById('menu-list-wrppr-'+i);
			if( tabElement!=null){
				if (i==tabIdSelected){
					tabElement.className='menu-list menu-list-slctd';
					if( tabBarSelected!=null){
						tabBarSelected.style.display='block';
					}
				}else{
					tabElement.className='menu-list';
					if( tabBarSelected!=null){
						tabBarSelected.style.display='none';
					}
				}
			}
		}
	}
}
var itemsControlOn = function() {
	// keep the previos tab id
	prevId=tabIdPrevious;
	// reset the tab for the previous tab id
	tabControlOn(tabIdPrevious,tabIdSelected,tabHasItemsPrevious);
	// reset the previos tab id
	tabIdPrevious=prevId;
}
var itemsControlOff = function(tabIdPrevious,tabHasItemsPrevious,tabHasClassPrevious) {
	// reset the tab for the previous tab id
	//tabControlOff();
}