// DOM-Ready > Manipulation
$(document).ready(function () {
  
  $("#menubar > ul > li[class!='selected'][class!='focused'][class!='lifix']").hover(
    function () {
      if($(this).find(':animated').length != 0) {
        return false;
      }
      $(this).addClass('active');
      $(this).find('a:eq(0)').addClass('active');
      fadeOut();
      (!isIE) ? $(this).find('ul:eq(0)').slideDown('normal') : $(this).find('ul:eq(0)').css('display','block'); // Bei IE 6 und 7 entfaellt die Animation!
    }, function () {
      $(this).removeClass('active');
      $(this).find('a:eq(0)').removeClass('active');
      (!isIE) ? $(this).find('ul:eq(0)').slideUp('normal') : $(this).find('ul:eq(0)').css('display','none'); // Bei IE 6 und 7 entfaellt die Animation!
    }
  );
  // IE6-Hack
  if(isIE6) {
    $.each( $("#menubar > ul > li"), function(i,element) {
      var child = $(element).find('ul:eq(0)');
      var thisElement = $(element);

      if(child.width() < thisElement.width()) {
          child.width(thisElement.width());
      }
    });
  }
  
  $("#menubar > ul").hover(function () {}, fadeIn);
  $("#menubar > ul > li[class='lifix']").hover(fadeIn);
  $("#menubar > ul > li[class='selected']").hover(fadeIn);
  $("#menubar > ul > li[class='focused']").hover(fadeIn);
  
  $("#main").prepend($('<div></div>').attr('id','transparent-layer'));
});

function fadeIn() {
  //if(!isIE6) {$("#main").fadeTo(10, 1);}
  if(!isIE6) {
    $('#transparent-layer').hide();
  }
}
function fadeOut() {
  //if(!isIE6) {$("#main").fadeTo(10, 0.3);}
  if(!isIE6) {
    $('#transparent-layer').show();
  }
}