// JavaScript Document
// http://jqueryfordesigners.com/jquery-tabs/

 $(function () {
   	var tabContainers = $('div.tabs > div');
    tabContainers.hide().filter(':first').show();
                        
    $('div.tabs ul.tabNavigation a').click(function () {
    	tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        	return false;
     }).filter(':first').click();
});

// LINE 1:  First tab selected. This is the name of the div that all the tabs are in the HTML. Be sure to name it with a # if you are using a DIV ID…. Use a . if you are using a class**
// LINE 2: Bind click event to link. This is the name of the class associated with the tag used in the HTML**
//LINE 3: Switch to third tab. This is the number of the tab that you want to open. The argument passed to tabs() to select a tab is zero based (0 is the 1st tab, 1 is the 2nd, etc).


var $tabs = $('tabs a').tabs();
	$('#details').click(function() { 
		$tabs.tabs('select', 0); // 
	return false;
});