var timeout = null;
var isOpen  = false;
var position = "";
var openSubmenu = new Array();

document.observe("dom:loaded", function() {
  $$("a[rel~='lightbox[gallery]']").each(function(elem) {
    elem.writeAttribute("href", elem.readAttribute("data-picture"));
  });
});

function toggleSubmenu(id) {
  if(openSubmenu[id]) {
    document.getElementById('submenu_' + id).style.display = 'none';
    openSubmenu[id] = false;
  } else {
    document.getElementById('submenu_' + id).style.display = 'block';
    openSubmenu[id] = true;
  }
}



var showSubmenu = function(top,left) {
  if (isOpen) hideSubmenu();
  $('subnavigation').style.left = left + 'px';
  $('subnavigation').style.top = top + 'px';
  $('subnavigation').style.display = 'block';
  //new Effect.SlideDown('submenu');
  isOpen = true;
};

function loadSubmenu(obj, parentId, catId) {
 pos = Position.cumulativeOffset(obj);
 new Ajax.Updater('subnavigation', 'http://' + document.domain + '/ajax/getSubmenuItems.php?parentId=' + parentId+'&idcat=' + catId, {evalScripts: true, asynchronous:true, onComplete: showSubmenu(pos[1]+15,pos[0]-18)});
}

function hideSubmenu() {
  $('subnavigation').style.display = 'none';
  $('subnavigation').innerHTML = ' ';
  stopTimeout();
  isOpen = false;
}

function startTimeout() {
  timeout = window.setInterval("hideSubmenu()", 200);
}

function stopTimeout() {
  if (timeout!==null) { window.clearInterval(timeout); timeout = null; }
}