$(document).ready(function(){
        $("ul.tabs").tabs("div.panes > div",{effect: 'fade',api: 'true'});
        var api = $("#tabsAPI").tabs();
        var api2 = $("#tabsTopAPI").tabs();
        var url = "http://site.com/file.htm#blah";
        var hash = url.substring(url.indexOf('#')); // '#foo'

       if (hash == "blah"){
           secondTab.setAttribute("id","current");
       };

        // register a callback function
        api.onClick(function(tabIndex) {
            var firstTab = document.getElementById("firstTab").parentNode;
            var secondTab = document.getElementById("secondTab").parentNode;
            var thirdTab = document.getElementById("thirdTab").parentNode;
            var fourthTab = document.getElementById("fourthTab").parentNode;
            firstTab.setAttribute("id","");
            secondTab.setAttribute("id","");
            thirdTab.setAttribute("id","");
            fourthTab.setAttribute("id","");

            switch (tabIndex)
            {
                case 0:
                    firstTab.setAttribute("id","current");
                    break;
                case 1:
                    secondTab.setAttribute("id","current");
                    break;
                case 2:
                    thirdTab.setAttribute("id","current");
                    break;
                case 3:
                    fourthTab.setAttribute("id","current");
                    break;
            };
        });
        // register a callback function
        api2.onClick(function(tabIndex) {
            var firstTab = document.getElementById("firstTab").parentNode;
            var secondTab = document.getElementById("secondTab").parentNode;
            var thirdTab = document.getElementById("thirdTab").parentNode;
            var fourthTab = document.getElementById("fourthTab").parentNode;
            var fifthTab = document.getElementById("fifthTab").parentNode;
            firstTab.setAttribute("id","");
            secondTab.setAttribute("id","");
            thirdTab.setAttribute("id","");
            fourthTab.setAttribute("id","");
            fifthTab.setAttribute("id","");
            switch (tabIndex)
            {
                case 0:
                    firstTab.setAttribute("id","current");
                    break;
                case 1:
                    secondTab.setAttribute("id","current");
                    break;
                case 2:
                    thirdTab.setAttribute("id","current");
                    break;
                case 3:
                    fourthTab.setAttribute("id","current");
                    break;
                case 4:
                    fifthTab.setAttribute("id","current");
                    break;
            };
        });

 $(document).ready(function() {
   $('a#subtablink2').click( function() {
    $('div#subtab2').show();$('div#subtab1').hide();
    $('a#subtablink2').css("color", "#ff9b04");
    $('a#subtablink1').css("color", "#246a9d");
   });
   $('a#subtablink1').click( function() {
    $('div#subtab1').show();$('div#subtab2').hide();
    $('a#subtablink1').css("color", "#ff9b04");
    $('a#subtablink2').css("color", "#246a9d");
   });
    $('a#subtablink4').click( function() {
    $('div#subtab4').show();$('div#subtab3').hide();
    $('a#subtablink4').css("color", "#ff9b04");
    $('a#subtablink3').css("color", "#246a9d");
   });
   $('a#subtablink3').click( function() {
    $('div#subtab3').show();$('div#subtab4').hide();
    $('a#subtablink3').css("color", "#ff9b04");
    $('a#subtablink4').css("color", "#246a9d");
   });
  });
});