function findLeft(obj) {
  var curLeft = 0;
  if (obj.offsetParent) {
    curLeft = obj.offsetLeft;
    while (obj = obj.offsetParent) {
      curLeft += obj.offsetLeft;
    }
  }
  return curLeft;
}

function Start(){

  var obj = $('ul#Menu');

  var fadeInTime = 200; // in milliseconds
  var fadeOutTime = 300; // in milliseconds

  $(obj).find('li ul li:has(ul)').prepend('<span class="menu-sub-indicator"> &nbsp;</span>');
  $(obj).find('li ul').attr('fadeState','none');
  $(obj).find('li').hover(
    function() {
      var fadeElement = $(this).find('ul').eq(0);
      if($(fadeElement).attr('fadeState') =='fadeOut') {
        $(fadeElement).stop(true,true);
        $(fadeElement).attr('fadeState','none')
      }
      
      if ($(fadeElement).attr('fadeState') =='none') {
        $(fadeElement).attr('fadeState','fadeIn');
        $(fadeElement).fadeIn(fadeInTime, function(){
          $(this).attr('fadeState','none')
        });
      }
      $(this).find('>a').addClass('over');
    },
    function() {
      var fadeElement = $(this).find('ul').eq(0);
      if($(fadeElement).attr('fadeState') =='fadeIn') {
        $(fadeElement).stop(true,true)
        $(fadeElement).attr('fadeState','none');
      }
      
      if ($(fadeElement).attr('fadeState') =='none') {
        $(fadeElement).attr('fadeState','fadeOut');
        $(fadeElement).fadeOut(fadeOutTime, function(){
          $(this).attr('fadeState','none')
        });
      }
      $(this).find('>a').removeClass('over');
    }
  );
  
  $(obj).find('li ul:empty').css('visibility','hidden');
    // Remove the bottom border on all last items in ULs:
    $(obj).find('ul').each(function() {
        $(this).find('li:last a').css('border-bottom','0px');
    });
  
  $(obj).find('li:has(ul)').hover(function() {
    $(this).addClass('hasChild');
  },
  function() {
    $(this).removeClass('hasChild');
  });
    
  pixelsilk2.getListItems({path: '/dynamic-menu/', sorts: [], filters: [], filterrel: '', pageSize: '1000', page: '1', fields: []}, function(json) {
    if ( json.length ) {
      $('body').append('<div id="tmpWorkspace" style="display:none;"></div>');
      var workspace = $('#tmpWorkspace');

      var count = json.length;
      var html = '';
      for (i=0;i<count;i++) {
        html += '<div class="item">';
        html += '<span class="url">' + json[i].MenuURL + '</span>';
        html += '<span class="desc">' + json[i].FullDescription + '</span>';
        html += '</div>';
      }
      workspace.append(html);
      
      var domain = 'http://'+document.domain;
      var menuItemAnchor = '';
      var itemContent = '';
      $('#Menu>li.item>ul').each(function() {
        menuItemAnchor = $(this).parent().find('a:first').attr('href').replace(domain,'');
        itemContent = workspace.find("div.item span.url:contains('"+menuItemAnchor+"')").parent().find('span.desc').html();
        if (itemContent) {
          $(this).append('<li class="menuExtra">'+itemContent+'</li>');
          itemContent = '';
        }
      });
    }
  });
}

$(document).ready(function() {
  pixelsilk2.renderSkin({skin: '[' + '[Menu1]' + ']', path: ''}, function(html) {
    $('#subNavigation').html(html);
    var sections = $('#subNavigation div');
    var topElements = $('#Menu li.item');
    for (z = 0; z < sections.length; z++) {
      var li = topElements[z];
      var lihtml = li.innerHTML;
      li.innerHTML = lihtml + sections[z].innerHTML;
    }
    Start();
  });
});