$(function() {
  
  $("#tabs").tabs({
    /*select: function(event, ui) {  // TODO!!!!!!! SEE IF THIS CAN BE USED WITHOUT THE TAB LOADING THRU INDEX.PHP
      var url = $.data(ui.tab, 'load.tabs');
      if(url) {
        var pieces = url.split(".");
        location.href = pieces[0];
        return false;
      }
      return true;
    },*/
    show: function(event,ui) {
      if($("#tabs-1-li").hasClass("ui-state-active")==true) {
        $("#tabs-1-li").css("background-position","-60px 0px");
      }
      else {
        $("#tabs-1-li").css("background-position","-60px -135px");
      }
      if($("#tabs-2-li").hasClass("ui-state-active")==true) {
        $("#tabs-2-li").css("background-position","-342px -180px");
      }
      else {
        $("#tabs-2-li").css("background-position","-342px -315px");
      }
      if($("#tabs-3-li").hasClass("ui-state-active")==true) {
        $("#tabs-3-li").css("background-position","-624px -360px");
      }
      else {
        $("#tabs-3-li").css("background-position","-624px -495px");
      }
    }
  });
  
  $(".ui-tabs-panel, .header-img").removeClass("ui-corner-bottom").addClass("ui-corner-all");

});

function selectTab(nr) {
  $("#tabs").tabs("option","selected", nr);      	
  return false;
}