$(document).ready(function(){
    $("#tabs").tabs();
    
    var starttab = $("#tabs ul li.ui-state-active").attr("id").substr(4); // Get active tab at start    
    $("#tab_nav").addClass("active-" + starttab); // Add a class for bg
    
    $("#tab_nav li a").click(function(){ // Get clicked tab and add a class to parent ul for bg change
      $(this).parents("ul").removeClass("active-1").removeClass("active-2").removeClass("active-3").removeClass("active-4");
      var curtab = $(this).parent().attr("id").substr(4);    
      $("#tab_nav").addClass("active-" + curtab);
    });
    
    $("#faq_acc").accordion({
      autoHeight: false
    });
    $("#faq_acc h4:first").addClass("first");
    var i=1;
    $("#faq_acc h4").each(function(){
      $(this).prepend('<span class="number">' + i + '<\/span>');
      i++;
    });
    
    // Set default tab by means of cheking the anchor in URl
    var tab = $('a[href=' + document.location.hash + ']');
    
    if (tab) tab.click();
    
    $("form.jqtransform").jqTransform();
    
  });