$(function(){
  
  var $el, leftPos, newWidth,
    $mainNav = $("#top-menu")    
  $mainNav.children('ul').append("<li id='magic-line'></li>");
  var $magicLine = $("#magic-line");
  if ($("#top-menu li.active").length > 0) {
    $magicLine.width($("#top-menu li.active").width()+1).css("left", $("#top-menu li.active").position().left).data("origLeft", $magicLine.position().left).data("origWidth", $magicLine.width());    
  } else if ($("#top-menu li.active-trail").length > 0) {
    $magicLine.width($("#top-menu li.active-trail").width()+1).css("left", $("#top-menu li.active-trail").position().left).data("origLeft", $magicLine.position().left).data("origWidth", $magicLine.width());    
  }
  $("#top-menu li").find("a").hover(function() {
    $el = $(this);
    leftPos = $el.position().left;
    newWidth = $el.parent().width()+1;
    $magicLine.stop().animate({ left: leftPos, width: newWidth });
  }, function() {
    $magicLine.stop().animate({ left: $magicLine.data("origLeft"), width: $magicLine.data("origWidth")+1});    
  });

  $("#order-panel-controll").toggle(
    function () {
      $("#panel").animate({"height": "toggle"}, "normal");
      $('#order-panel-controll > span').html("Bezárás").css("background-position","20px -20px");
    },
    function () {
      $("#panel").animate({"height": "toggle"}, "normal");
      $('#order-panel-controll > span').html("Megrendelés").css("background-position","20px 5px");
    });

    if ($('.gallery-featured').length != 0) {
  		$("a[rel='gallery1']").colorbox();
  		$("a[rel='gallery2']").colorbox();
  		$("a[rel='gallery3']").colorbox();
      }

});