var submenuCurr = "";
var mainNav = new Array();
mainNav[0] ="shop";
mainNav[1] ="gallery";
var rImage = new Image();
var loading = false;

function displaySubmenu(submenu) {
  var submenuTotal = document.getElementsByTagName("div");
  for (var i = 0; i < mainNav.length; i++) {
	document.getElementById("mainNav_" + mainNav[i]).src="/images/mainNav_" + mainNav[i] + ".png";
  }
  for(var i = 0; i < submenuTotal.length; i++) {
    var x = submenuTotal[i].getAttribute("id");
    if (x != null) {
      if (x.substr(0, 8) == "submenu_") {
        submenuTotal[i].style.left = "-999em";
	  }
    }
  }
  if (submenuCurr != submenu) {
	document.getElementById("submenu_" + submenu).style.left = "auto";
	submenuCurr = submenu;
	swapImage("submenu", "submenu");
	document.getElementById("mainNav_" + submenu).src="/images/mainNav_" + submenu + "_o.png";
  } else {
	document.getElementById("submenu_" + submenu).style.left = "-999em";
	submenuCurr = "";
  }
}

function swapImage(cat, src) {
  if (cat == "submenu") {
	rImage.src="/images/submenu/submenu.gif";  
  } else {
	rImage.src="/images/submenu/" + cat + "/" + src + ".jpg";
  }
  document.getElementById("image_placeholder_" + submenuCurr).src = "/images/loading.gif";
  document.getElementById("image_placeholder_" + submenuCurr).style.width = "32px";
  document.getElementById("image_placeholder_" + submenuCurr).style.height = "32px";
  document.getElementById("image_placeholder_" + submenuCurr).style.padding = "99px";
  document.getElementById("image_placeholder_" + submenuCurr).style.background = "#fff";
  rImage.onload = function(success) {
	document.getElementById("image_placeholder_" + submenuCurr).style.width = "230px";
    document.getElementById("image_placeholder_" + submenuCurr).style.height = "230px";
    document.getElementById("image_placeholder_" + submenuCurr).style.padding = "0px";
    document.getElementById("image_placeholder_" + submenuCurr).style.background = "#fff";	
	document.getElementById("image_placeholder_" + submenuCurr).src = rImage.src;
  }
}