jQuery(document).ready(function(){
    jQuery(".tab_content").css({opacity:0,display:'none'}); //Hide all content
    //On Click Event
    jQuery("ul.tabs li > a").click(function() {
        var o_Link = this;
        $o_Link = jQuery(this);
        // RETURN false if clicked on selected
        if($o_Link.is('.active'))
        {
            return false;
        }
        // REMOVE selected class from all links
        jQuery('ul.tabs li').removeClass('active');
        // SET selected class to selected link
        jQuery(this).parent().addClass('active');
        // SHOW selected panel
        jQuery('div.tab_container').animate({opacity:1},1,function(){
            jQuery('div.tab_content').css({display:'none'}).animate({opacity:0},400).filter(o_Link.hash).css({display:'block'}).animate({opacity:1},400);
        });
    });

    jQuery('ul.tabs').each(function()
    {
        var $o_Links = jQuery(this).find('a');
        panelIDs = $o_Links.map(function()
        {
            return this.hash;
        })
        .get()
        .join(',');
        $o_Panels = jQuery(panelIDs);
        $o_PanelWrapper = $o_Panels.filter(':first').parent();
        // HIDE all panels
        $o_Panels.css({display:'none',opacity:0})
        // GET #panel
        .filter((window.location.hash)?window.location.hash:':first')
        // SHOW #panel
        .css({display:'block',opacity:1})
        // ADD active to link
        $o_Links.filter((window.location.hash)?'[href=' + window.location.hash + ']':':first').parent().addClass('active');
        $o_InitShow = $o_Panels.filter(window.location.hash ? '[hash=' + window.location.hash + ']' : ':first');
    });
});

function trigger_tab(tabID)
{
    tabIndex= tabID.substring(4);
    jQuery('ul.tabs li').removeClass('active');
    jQuery('ul.tabs li:eq(' + (tabIndex - 1) + ')').addClass('active');

    jQuery('div.tab_container').animate({opacity:1},1,function(){
        jQuery('div.tab_content').css({display:'none'}).animate({opacity:0},400).filter(tabID).css({display:'block'}).animate({opacity:1},400);
    });
}
