d = {};

d.menuData = {

  "products" :
  {  
    "":"/page/system",
    "system overview":"/page/system",
    "stabilizor® T1":"/page/stabilizor",
    "maintainor®":"/page/maintainor"
  },

  "applications":
  {
    "":"/page/applications",
    "application overview":"/page/applications",
    "proteomics":"/page/proteomics",
    "peptidomics":"/page/peptidomics",
    "phosphorylations":"/page/phosphorylations",
    "application support":"/page/applicationsupport"
  },

  "support & downloads" :
  {
    "":"/page/downloadoverview",
    "download overview":"/page/downloadoverview",
    "application notes & protocols" : "/page/notes",
    "publications & posters" : "/page/publications",
    "faq" : "/page/faq"
  },

  "order" : 
  {
    "order enquiries" : "/page/orderandproduct",
    "distributors" : "/page/distributors"
  },

  "company" : 
  {  
    "": "/page/about",
    "about the company": "/page/about",
    "management & board": "/page/management", 
    "advisory board": "/page/advisory", 
    "career":"/page/career"
  },
 
  "contact" : 
  {
    "office" : "/page/contactinfo",
    "support" : "/page/support"
  },
  
  "request info" : 
  {
    "request info" : "/page/requestinfo"
  }
  
};

d.getKey = function (data) {
    var firstKey;
    $.each(data, function (key, val) {
        firstKey = key;
        return false;
    });
    return firstKey;
};


d.renderMenu = function(menu_name) {
  var mh = $("#menu_holder");
  var menuItems = $('<div style="width: 600px; clear: right;"></div>');
  var submenuItems = $('<div style="width: 600px; clear: right;"></div>');
    
  mh.html("");
  
  var menu = d.menuData[menu_name];
  
  mh.append(menuItems);
  mh.append(submenuItems);
  var count = 0;
  for (var i in d.menuData) {
    count++;
    var menuName = d.getKey(d.menuData[i]);
    var item = $('<div class="menu_item" id="menu_'+count+'"><a href="javascript:" class="menu_link">' + i + '</a></div>');
    menuItems.prepend(item);  
    $('#menu_' + count).data("menuname", i);
    $('#menu_' + count).data("url", d.menuData[i][menuName]); 
  }

  count = 0;
  for (var j in menu) {
    count++;
    var url = menu[j];
    var item = $('<div class="submenu_item" id="submenu_'+count+'"><a href="javascript:" '+
      'class="submenu_link">' + j + '</a></div> ');
    submenuItems.prepend(item);
    $('#submenu_' + count).data("url", url);  
  }	


  var arrow = $('<div class="menu_arrow" style="float: left; margin-top: 4px; ' +
    'width:10px; margin-right: 1px;"><img src="/images/orange_arrow.png" style="display:none;" /></div>');
  var b_arrow = $('<div class="submenu_arrow" style="float: left; margin-top: '+
    '4px; width:10px; margin-right: 1px;"><img src="/images/black_arrow.png" style="display:none;" /></div>');
  $('.menu_link').prepend(arrow);
  $('.submenu_link').prepend(b_arrow);
  
  $('.menu_link').children('.menu_arrow').children('img').fadeOut("fast");
  $('.submenu_link').children('.submenu_arrow').children('img').fadeOut("fast");

  $('.menu_link').mouseenter(function() {
    $(this).children('.menu_arrow').children('img').fadeIn("fast");
  }).mouseleave(function(){
    $(this).children('.menu_arrow').children('img').fadeOut("fast");
  }).click(function(){
    var dataurl = $(this).parent('.menu_item').data("url");
    document.location = dataurl;
    /*
    $("#page_holder").fadeOut("fast", function(){
      $("#page_holder").load(dataurl);
      $("#page_holder").fadeIn();
    });
    */
    d.renderMenu($(this).parent('.menu_item').data("menuname"));

  });
  
  $('.submenu_link').mouseenter(function() {
    $(this).children('.submenu_arrow').children('img').fadeIn("fast");
  }).mouseleave(function(){
    $(this).children('.submenu_arrow').children('img').fadeOut("fast");
  }).click(function(){
    var thing = $(this);
    document.location = thing.parent('.submenu_item').data('url');
    /*
    $("#page_holder").fadeOut("fast", function(){
      $("#page_holder").load(thing.parent('.submenu_item').data("url"));
      $("#page_holder").fadeIn();
    });
    */
    
    
  });

};

d.goPage = function(page) {
  document.location = page;
  /*
  $("#page_holder").fadeOut("fast", function(){
    $("#page_holder").load(page, {}, function(){
      $(this).fadeIn();
    });
  });
  */
};

d.getMenuNameFromUrl = function() {
  var url = document.location.href;
  pagename = url.substring(url.lastIndexOf("/")+1);
  
  for (var node in d.menuData) {
    for (var leaf in d.menuData[node]) {
      var leafname = d.menuData[node][leaf].substring(d.menuData[node][leaf].lastIndexOf("/")+1)
      if (leafname == pagename) {
        return node;
      } 
    }
  }
  
};

$(document).ready(function() {
  var menuname = d.getMenuNameFromUrl();
  d.renderMenu(menuname);
});