var tabObj = {
	ready : function(){
	var $numOfTabs = $('ul#descTabList li').length;
	
		$('ul#descTabList li').click( function() {
											   var descTextID = $(this).attr("id");
											   $('div.descTextBox').hide();
											   $('div#'+descTextID+'.descTextBox').show();
											   $('ul#descTabList li').removeClass('active');
											   $(this).addClass('active');
											   });
				
		$('ul#descTabList li').mouseover( function() {
											   $(this).stop().animate({height:"27", top:4},{duration:100})				   
											   });
		$('ul#descTabList li').mouseout( function() {
											   $(this).stop().animate(
			{height:"23", top:8}, 
			{duration:100})				   });
			//hide all text boxes...
	$('div.descTextBox').hide();
	//but the first. additionally, set the first tab to active
	$('div.descTextBox').eq(0).show();
	$('ul#descTabList li').eq(0).addClass('active');
		}

}

$(document).ready(tabObj.ready);