jQuery(document).ready(function(){
  if (typeof jQuery.browser.msie == "undefined") {
    jQuery("#nav").fadeTo("fast", 0.7);
    //jQuery("ul.dropdown").fadeTo("fast", 0.7);
  }
  
	jQuery("ul.dropdown li").dropdown();
});

var selftop = 0;
var macffleft = 0;

jQuery.fn.dropdown = function() {

	jQuery(this).hover(function(){
		jQuery(this).addClass("hover");
		jQuery('> .dir',this).addClass("open");
		jQuery('ul:first',this).css('visibility', 'visible');
    if (jQuery(this).parent().attr('id') == 'nav' && jQuery(this).hasClass('dir')) {
      
      jQuery(this).children(".dir a").css('color', '#fff');
      
      jQuery(this).children(".ul1").children("li").children(".ul2").css('top', '0px');
      var kids = jQuery(this).parent().children();
      for (i=0; i<kids.length; i++) {
        if (kids[i] == this) {
          if (i>1) {
            jQuery(kids[i-1]).css('background-color', '#666');
            jQuery(kids[i-1]).css('color', '#666');
            leftpipeleft = jQuery(kids[i-1]).offset().left;
          }
          else {
            leftpipeleft = jQuery(this).offset().left;
          }
          if (i<kids.length) {
            jQuery(kids[i+1]).css('background-color', '#666');
            jQuery(kids[i+1]).css('color', '#666');
          }
        }
      }
      
      
      if (jQuery.client.os == 'Mac' && jQuery.client.browser == "Firefox") {
        macffleft = 1;
      }
      
      selftop = jQuery('ul:first', this).offset().top;
      jQuery('ul:first', this).offset({ top: selftop, left: leftpipeleft-macffleft });
      //doppelt wg. safari und msie
      jQuery('ul:first', this).offset({ top: selftop, left: leftpipeleft-macffleft });
    }
	},function(){
		jQuery(this).removeClass("hover");
		jQuery('.open',this).removeClass("open");
		jQuery('ul:first',this).css('visibility', 'hidden');
    if (jQuery(this).parent().attr('id') == 'nav' && jQuery(this).hasClass('dir')) {
      jQuery(this).children(".dir a").css('color', '#666');
      var kids = jQuery(this).parent().children();
      for (i=0; i<kids.length; i++) {
        if (kids[i] == this) {
          if (i>1) {
            jQuery(kids[i-1]).css('background-color', '#fff');
          }
          if (i<kids.length) {
            jQuery(kids[i+1]).css('background-color', '#fff');
          }
        }
      }
    }
	});

}