var loadstatushtml="<img src='images/loading.gif' style='border: 0;' /> Requesting content..."

$(document).ready(function(){
 $("#portfolio_menus").hide();
 $(".home").click(function(){$("#img_menus").show();$("#subheader").show();$("#ajaxcontentarea").html("");});
 $(".about").click(function(){$("#img_menus").hide();ajaxload("AboutTheArtist.php");});
 $(".contact").click(function(){$("#img_menus").hide();ajaxload("Contact.php");});
 $(".FrozenMoments").click(function(){loadart("FrozenMoments");});
 $(".Explorations").click(function(){loadart("Explorations");});
 $(".Synchrony").click(function(){loadart("Synchrony");});
 $(".NaturesDesigns").click(function(){loadart("NaturesDesigns");});
 $(".portfolios").click(function(){$("#portfolio_menus").show();});
 
// enable browser history/bookmarking
  $.history.init(historycallback);
  $("a[@rel='history']").click(function(){
      $.history.load(this.href.replace(/^.*#/, ''));
      return false;
  }); 
});

function historycallback(hash){
  // hash = script|cat|item
  var hasharray = hash.split("|");
  switch(hasharray.length()){
  case 1: loadgenre(hasharray[0]);
          break;
  case 2: loadcat(hasharray[0],hasharray[1]);
          break;
  case 3: loaditem(hasharray[0],hasharray[1],hasharray[2]);
          break;
  }
}

function historypush(hash){
  window.location.hash = hash;
  $.history.add(hash);
}

function loadart(script){
  $("#img_menus").hide();
  $("#subheader").hide();
  $("#portfolio_menus").hide();
  ajaxload(script+".php");
  historypush(script);
}

function ajaxload(url){
  $("#ajaxcontentarea").html(loadstatushtml);
  $("#ajaxcontentarea").load(url);
}

// callsfrom .php generated content
function loadgenre(script){
  ajaxload(script+".php");
  historypush(script);
}

function loadcat(script,cat){
  ajaxload(script+".php?CAT="+cat);
  historypush(script+"|"+cat);
}

function loaditem(script,cat,item){
  ajaxload(script+".php?CAT="+cat+"&ITEM="+item);
  historypush(script+"|"+cat+"|"+item);
}