$(document).ready(function() {
   var li = $('#scroll li:first');
   $('#header').supersleight();

   $('#scroll').scrollTo(li, 600, {axis: 'x', onAfter: function() {
                                                               $('#scroll').css('height', li.height() + 20);
                                                               $('#active_screen').attr('id', '');
                                                               li.attr('id', 'active_screen');
                                                         }
                           });

   var timer = 0;
   var subMenuOpen = false;
   var run = 0;
   var hover = 676;
   
   // Used when not starting form the front page (example: content/view/page/127)
   if ($('.go').length) {
      var currentClass = $('.go').attr('class');
      var currentContentId = currentClass.replace(' go', '').replace('c', '');
      
      var li = $('li.c' + currentContentId);
      
      $('#scroll').scrollTo(li, 600, {axis: 'x', onAfter: function() {
                                                               $('#scroll').css('height', li.height() + 20);
                                                               $('#active_screen').attr('id', '');
                                                               li.attr('id', 'active_screen');
                                                         }
                           });
   } else {
      var currentContentId = $('#scroll li:visible').attr('class').replace('c', '');  
   }
   
   var hover = $('#menu a.' + currentContentId).parent().attr('class');
   
   $('#menu li.' + hover).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButtonHover-trans.png')");
   $('#header').supersleight();
   
   $.superbox.settings = {
      boxId: "superbox", // Id attribute of the "superbox" element
      boxClasses: "", // Class of the "superbox" element
      overlayOpacity: .8, // Background opaqueness
      boxWidth: "600", // Default width of the box
      boxHeight: "400", // Default height of the box
      loadTxt: "Slika se učitava...", // Loading text
      closeTxt: "Zatvori", // "Close" button text
      prevTxt: "Prethodna", // "Previous" button text
      nextTxt: "Sledeća" // "Next" button text
   };
   
   $.superbox();

   $('#menu a').click(function(event) {
      var contentId = $(this).attr('class');
      
     // var newPage = '<li class="' + contentId + '">' + $('#pane_' + contentId).html() + '</li>';

      //$('#scroll ul').append(newPage);

      var li = $('li.c' + contentId);
      
      var parent = $(this).parent();

      parent.css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButtonHover-trans.png')");
      $('#header').supersleight();

      if (parent.attr('class')) {
         hover = parent.attr('class');
      } else {
         hover = parent.parent().parent().attr('class');
      }
      
      $('#scroll').scrollTo(li, 600, {axis: 'x', onAfter: function() {
                                                               $('#scroll').css('height', li.height() + 20);
                                                               $('#active_screen').attr('id', '');
                                                               li.attr('id', 'active_screen');
                                                         }
                           });

      event.preventDefault();
   });

   $('#menu > li').mouseover(function() {
        var hasSubmenu = $('.submenu-' + $(this).attr('class')).length;

        $('#submenu').hide();
        subMenuOpen = false;

        $('#menu > li:not(.' + hover + ')').css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButton-trans.png')");

        window.clearTimeout(timer);

        if (hasSubmenu) {
            $('.submenu-' + $(this).attr('class')).show();
            $(this).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButtonActive-trans.png')");

            subMenuOpen = true;
        } else {
            $(this).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButtonHover-trans.png')");
        }
        $('#header').supersleight();
    });

   $('#menu > li').mouseout(function() {
      if (!subMenuOpen && !$(this).hasClass(hover)) {
         $(this).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButton-trans.png')");
         $('#header').supersleight();
      }

      timer = window.setTimeout(function() {
                                 $('#submenu').hide();
                                 $('#menu > li:not(.' + hover + ')').css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButton-trans.png')");
                                 
                                 if (hover) {
                                    $('#menu > li.' + hover).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerButtonHover-trans.png')");   
                                 }
                                 
                                 subMenuOpen = false;
                                 $('#header').supersleight();
                             }, 500);
    });

   $('#submenu > li a').mouseover(function() {
        $(this).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerDropdownActive.jpg')");
        $('#header').supersleight();
    });

   $('#submenu > li a').mouseout(function() {
        $(this).css('background-image', "url('" + absoluteURL + "static/themes/kvb/images/headerDropdownButton.jpg')");
        $('#header').supersleight();
   });
   
   $('.report_link').click(function(event) {
      var destination = $(this).attr('href');
      window.open (destination, "window","width=600,height=600");
      
      event.preventDefault();
   });
});