$(document).ready(function() {
  var nav_offset = $("#nav").offset();
  var nav_left = nav_offset.left;
  var arrow_center = parseInt($("#nav_arrow").innerWidth() / 2);
  
  if ($(".lvl1_bg_akt").innerWidth() != 0) {
    var li_akt_offset = $(".lvl1_bg_akt").offset();
    var li_akt_left = li_akt_offset.left;
    var li_akt_center = parseInt($(".lvl1_bg_akt").innerWidth() / 2);
    var akt_position_arrow = parseInt(li_akt_left - nav_left + li_akt_center - arrow_center);
    var akt_position_background = parseInt(li_akt_left - nav_left);
    var akt_position_background_width = $(".lvl1_bg_akt").innerWidth();
    $("#nav_arrow").css("left", akt_position_arrow + "px").show();
    $("#nav_hover_background").css("left", akt_position_background + "px").css("width", akt_position_background_width + "px").show();  
  }
    
  $(".lvl1_li").hover(
    function() {
      var nav_offset = $("#nav").offset();
      var nav_left = nav_offset.left;
      var arrow_center = parseInt($("#nav_arrow").innerWidth() / 2);
      var li_center = parseInt($(this).innerWidth() / 2);
      var li_offset = $(this).offset();
      var li_left = parseInt(li_offset.left);
      var position = parseInt(li_left - nav_left + li_center - arrow_center)
      var background_position = parseInt(li_left - nav_left);
      var background_width = $(this).innerWidth();
      $("#nav_arrow").stop(true, false);
      $("#nav_hover_background").stop(true, false);
      $("#nav_arrow").show().fadeTo(0, 1);
      $("#nav_hover_background").show().fadeTo(0, 1);
      $("#nav_arrow").animate({
        left: position + "px"
      }, 700);
      $("#nav_hover_background").animate({
        left: background_position + "px",
        width: background_width + "px"
      }, 500);
    },
    function() {
      var nav_offset = $("#nav").offset();
      var nav_left = nav_offset.left;
      var arrow_center = parseInt($("#nav_arrow").innerWidth() / 2);
      if ($(".lvl1_bg_akt").innerWidth() != 0) {
        var li_akt_offset = $(".lvl1_bg_akt").offset();
        var li_akt_left = li_akt_offset.left;
        var li_akt_center = parseInt($(".lvl1_bg_akt").innerWidth() / 2);
        var akt_position_arrow = parseInt(li_akt_left - nav_left + li_akt_center - arrow_center);
        var akt_position_background = parseInt(li_akt_left - nav_left);
        var akt_position_background_width = $(".lvl1_bg_akt").innerWidth();
        $("#nav_arrow").stop(true, false);
        $("#nav_hover_background").stop(true, false);
        $("#nav_arrow").animate({
          left: akt_position_arrow + "px"
        }, 700);
        $("#nav_hover_background").animate({
          left: akt_position_background + "px",
          width: akt_position_background_width + "px"
        }, 500);
      } else {
        $("#nav_arrow").fadeOut("slow");
        $("#nav_hover_background").fadeOut("slow");
      }
    }
  );
});