function slimTab_hide(tabContainer){
	// GET ALL TABS WITHIN CONTAINER
	var slimTabs = Element.getElementsBySelector(tabContainer,'.slimTab');
	slimTabs.each(
		function(item){
			// SET AS INACTIVE
			Element.removeClassName(item,'selected');
		}
	);
	// GET ALL BLURBS WITHIN CONTAINER
	var tabBlurbs = Element.getElementsBySelector(tabContainer,'.slimTabBlurb');
	tabBlurbs.each(
		function(item){
			// HIDE
			Element.removeClassName(item,'sel');
		}
	);
}

function slimTab_clicked(tab){
	// GET TAB NUMBER
	var tabNum = tab.getAttribute('tab');
	if(tabNum){
		// GETS THE CONTAINING DIV
		var tabContainer = Element.up(tab,'div.slimTabContainer');

		// GET CORRESPONDING TAB BLURB (WOW...CSS SELECTORS RULE)
		var tabBlurb = Element.down(tabContainer,'div.slimTabBlurb[tab="'+ tabNum +'"]');

		// HIDE ALL BLURBS
		slimTab_hide(tabContainer);

		// SHOW ACTIVE BLURB
		Element.addClassName(tabBlurb,'sel');

		// SET TAB TO ACTIVE
		Element.addClassName(tab,'selected');
	}
}

function slimTab_init(){
	// GET ALL SLIM TAB TABS
	var slimTabContainers = $$('div.slimTabContainer div.slimTab');
	slimTabContainers.each(
		function(item){
			// SET ONCLICK EVENT FOR TAB
			Event.observe(item,'click',function(){slimTab_clicked(this)},false);
		}
	);
}

function slimTab_showTab(containerId,tab){
	// THIS METHOD SHOWS A SPECIFIC TAB IN A SPECIFIC TAB CONTAINER
    var tabs;
	if(typeof(tab)=="number"){
	    tabs = $$('div.slimTabContainer#' + containerId + ' div.slimTab[tab="' + tab + '"]');
	    slimTab_clicked(tabs[0]);
	}else{
	    tabs = $$('div.slimTabContainer#' + containerId + ' div.slimTab');
	    tabs.each(
	        function(item){
	            if(item.innerHTML==tab){
	               	slimTab_clicked(item); 
	            }
	        }
	    );
	}
	
	// UGLY HACK TO GET IT TO WORK WITH ASP.NET AND PORTFOLIO
	//monitorThumbnails();
	
}

Event.observe(window,'load',slimTab_init,false);