function swaptab(tableID, element) {
  var target = $(element).attr("target");

  // Toggle tab images
  $('table#' + tableID + ' > tbody > tr > td.whitebg').removeClass("whitebg").addClass("bluegrad");
  $(element).parent().removeClass("bluegrad").addClass("whitebg");

  // Show appropriate content

  $("." + tableID).hide();
  $("#" + target).show();

}

function swaptab2(tableID, element) {
  var target = $(element).attr("target");

  // Toggle tab images
  $('table#' + tableID + ' > tbody > tr > td.whitebg').removeClass("whitebg").addClass("orangegrad");
  $(element).parent().removeClass("orangegrad").addClass("whitebg");

  // Show appropriate content

  $("." + tableID).hide();
  $("#" + target).show();
}

function appendNotice(title, message) {
  document.write("<div class=\"ui-widget\"><div class=\"ui-state-highlight ui-corner-all\" style=\"padding: 0 .7em;\"><p><span class=\"ui-icon ui-icon-info\" style=\"float: left; margin-right: .3em;\"></span><strong>" + title + " </strong> " + message + "</p></div></div>");
}

function appendAlert(title, message) {
  document.write("<div class=\"ui-widget\"><div class=\"ui-state-highlight ui-corner-all\" style=\"padding: 0 .7em;\"><p><span class=\"ui-icon ui-icon-alert\" style=\"float: left; margin-right: .3em;\"></span><strong>" + title + "</strong> " + message + "</p></div></div>");
}

var slidemenu = {

  animateduration: {over: 200, out: 200}, //duration of slide in/ out animation, in milliseconds

  buildmenu: function(menuid) {

    $(document).ready(function() {

      var $mainmenu = $("#" + menuid + " > ul");
      var $headers = $mainmenu.find("ul").parent();

      $headers.each(function(i) {

        var $curobj = $(this);

        this._dimensions = {
          w: $(this).outerWidth(),
          h: $(this).outerHeight()
        };

        $curobj.hover(function(e){

            var $targetul = $(this).children("ul:eq(0)");

            this._offsets = {
              left: $(this).position().left,
              top: $(this).position().top
            };

  					var x = this._offsets.left + this._dimensions.w;
            var y = this._offsets.top;

            if(1 > $targetul.queue().length) //if 1 or less queued animations
  						$targetul.css({
                top: y,
                left: ($(this).parent().position().left+$(this).parent().outerWidth()) + "px",
                width: this._dimensions.w + "px"
              }).show("fast");
  				},
  				function(e){
  					var $targetul = $(this).children("ul:eq(0)");

            $targetul.hide("fast");
  				}
  			);

        //end hover
  			$curobj.click(function(){
  				$(this).children("ul:eq(0)").hide()
  			})

      });

      $mainmenu.find("ul").css({display:'none', visibility:'visible'});

    });

  }
}