$(document).ready(function (){

    var $hide, $el, leftPos, newWidth,
        $mainNav = $("#header-navigation");
    
    var $magicLine = $("#magic-line");

if(jQuery.browser.opera){
    $("#magic-line").hide();
} else {
      
    if($("#header-navigation ul.level_1 li").hasClass('trail')
  && !($("#header-navigation ul.level_2 li").hasClass('active')) 
  && !($("#header-navigation ul.level_2 li").hasClass('trail')))
    {
	    $magicLine
	        .width(($("#header-navigation .trail").width()) + 20)
	        .css("left", ($(".trail a").position().left) - 5)
	        .data("origLeft", $magicLine.position().left)
	        .data("origWidth", $magicLine.width());
    }
    if($("#header-navigation ul.level_1 li").hasClass('active')
    && $("#header-navigation ul.level_2 li").hasClass('active'))
    {
 	    $magicLine
	        .width(($("#header-navigation .active").width()) + 20)
	        .css("left", ($(".active a").position().left) - 5)
	        .data("origLeft", $magicLine.position().left)
	        .data("origWidth", $magicLine.width());   
    }
    if($("#header-navigation ul.level_1 li").hasClass('trail')
    && $("#header-navigation ul.level_2 li").hasClass('trail'))
    {
 	    $magicLine
	        .width(($("#header-navigation .trail").width()) + 20)
	        .css("left", ($(".trail a").position().left) - 5)
	        .data("origLeft", $magicLine.position().left)
	        .data("origWidth", $magicLine.width());   
    }
    if($("#header-navigation ul.level_1 li").hasClass('active')
  && !($("#header-navigation ul.level_2 li").hasClass('active')) 
  && !($("#header-navigation ul.level_2 li").hasClass('trail')))
    {
 	    $magicLine
	        .width(($("#header-navigation .active").width()) + 20)
	        .css("left", ($(".active a").position().left) - 5)
	        .data("origLeft", $magicLine.position().left)
	        .data("origWidth", $magicLine.width());   
    }
    if($("#header-navigation ul.level_1 li").hasClass('trail')
    && $("#header-navigation ul.level_2 li").hasClass('active'))
    {
 	    $magicLine
	        .width(($("#header-navigation .trail").width()) + 20)
	        .css("left", ($(".trail a").position().left) - 5)
	        .data("origLeft", $magicLine.position().left)
	        .data("origWidth", $magicLine.width());   
    }
    if(!$("#header-navigation ul.level_1 li").hasClass('active')
   && !($("#header-navigation ul.level_1 li").hasClass('trail'))
   && !($("#header-navigation ul.level_2 li").hasClass('active')) 
   && !($("#header-navigation ul.level_2 li").hasClass('trail')))
    {
	$("#magic-line").hide();
	$hide = 'true';
    }

    if(!$hide){

    $("#header-navigation").find("li.startseite").hover(function() {
        $el = $("#header-navigation li.startseite").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
		
    $("#header-navigation").find("li.fahrzeugauswahl").hover(function() {
        $el = $("#header-navigation li.fahrzeugauswahl").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
	
	$("#header-navigation").find("li.unternehmen").hover(function() {
        $el = $("#header-navigation li.unternehmen").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
    
	$("#header-navigation").find("li.garantie").hover(function() {
        $el = $("#header-navigation li.garantie").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
	
	$("#header-navigation").find("li.impressionen").hover(function() {
        $el = $("#header-navigation li.impressionen").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
	
	$("#header-navigation").find("li.kontakt").hover(function() {
        $el = $("#header-navigation li.kontakt").find("a");
        leftPos = ($el.position().left) - 5;
        newWidth = ($el.parent().width()) + 20;
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
    
    };
    
};

});