$j(document).ready(function(){


	// init
	$j('.tab').css('display','none');
	
	//show first tab
	
	activeTab = $j('#tabProductInfoNav li a').first();
	showTab(activeTab);
	
	
	function switchTab(ctl){
	
		//hide old tab
		hideTab(activeTab);
		activeTab = $j('#' + $j(ctl).attr('id'));
		showTab(activeTab);
		
	
	}
	
	function showTab(navObj){
	
		$j("#" + navObj.attr('id') + "Content").css('display','block');
		navObj.parent().addClass('active');
		
	}
	
	function hideTab(navObj) {
	
		navObj.parent().removeClass('active');
		$j("#" + navObj.attr('id') + "Content").css('display','none');
	
	}


	// bind event handlers
	
	$j('#tabProductInfoNav li a').click(
		function(event){
			event.preventDefault();
			switchTab(this);
		}
	);
	
});