//source: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/	
		
jQuery(document).ready(function() {

    /*
	//topar se h� tab escolhida via url..
	var myFile = document.location.toString();
	if (myFile.match('#')) {
		// the URL contains an anchor
		// click the navigation item corresponding to the anchor
		var myAnchor = myFile.split('#')[1];
	}else{
		var myAnchor = 'first';
	}

	alert(myAnchor);
*/


    //Default Action
    jQuery('.tab_content').hide(); //Hide all content


    jQuery('ul.tabs li:first').addClass('active').show(); //Activate first tab
    jQuery('.tab_content:first').show(); //Show first tab content

    //On Click Event
    jQuery('ul.tabs li').click(function() {
        jQuery('ul.tabs li').removeClass('active'); //Remove any 'active' class
        jQuery(this).addClass('active'); //Add 'active' class to selected tab
        jQuery('.tab_content').hide(); //Hide all tab content
        var activeTab = jQuery(this).find('a').attr('href'); //Find the rel attribute value to identify the active tab + content
        jQuery(activeTab).fadeIn(); //Fade in the active content
        return false;
    });

});