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) > a').prepend('<span class="menu-sub-indicator"> &raquo;</span>');
  
  var pos;
  $(obj).find('li ul li ul').each(function() {
    pos = findLeft($(this).parent().parent().parent().get(0));
    //alert(pos);
    if ($("#header").width() - pos < 370) {
      $(this).css('left', '-185px');
    }
    //alert($("#themeContainer").width());
  });
  
  $(obj).find('li ul').attr('fadeState','none');
  $(obj).find('li').hover(
    function() {
      if($(this.getElementsByTagName('ul')[0]).attr('fadeState') =='fadeOut') {
        $(this.getElementsByTagName('ul')[0]).stop(true,true);
        $(this.getElementsByTagName('ul')[0]).attr('fadeState','none')
      }
    
      if ($(this.getElementsByTagName('ul')[0]).attr('fadeState') =='none') {
        $(this.getElementsByTagName('ul')[0]).attr('fadeState','fadeIn');
        $(this.getElementsByTagName('ul')[0]).fadeIn(fadeInTime, function(){
          $(this).attr('fadeState','none')
        });
      }
      $(this).addClass("active");
    },
    function() {
      if($(this.getElementsByTagName('ul')[0]).attr('fadeState') =='fadeIn') {
        $(this.getElementsByTagName('ul')[0]).stop(true,true)
        $(this.getElementsByTagName('ul')[0]).attr('fadeState','none');
      }
      
      if ($(this.getElementsByTagName('ul')[0]).attr('fadeState') =='none') {
        $(this.getElementsByTagName('ul')[0]).attr('fadeState','fadeOut');
        $(this.getElementsByTagName('ul')[0]).fadeOut(fadeOutTime, function(){
          $(this).attr('fadeState','none')
        });
      }
      $(this).removeClass("active");
    }
  );

  $(obj).find('li ul:empty').css('visibility','hidden');
}

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