$(document).ready(function () {

    // Place menu in the middle of screen
    $("ul#mainMenu").each(function () {
        var menuWidth = 0;
        $(this).find("li.level0").each(function () {
            menuWidth += $(this).outerWidth();
        }).eq(0).css("margin-left", Math.floor(960 / 2 - menuWidth / 2) + "px");
    });

    // Place submenu in the middle of screen
    $("ul.submenu").each(function () {
        var submenuWidth = 0;
        $(this).find("li").each(function () {
            submenuWidth += $(this).outerWidth();
        }).eq(0).css("margin-left", Math.floor(960 / 2 - submenuWidth / 2) + "px");
    });

    // Create navigation with Superfish plugin
    $("ul.sf-menu")
        .superfish({
            pathClass: 'selected',
            autoArrows: false,
            dropShadows: false
        });

    // Give selected menu item a background color
    $('.submenu li.selected').parent().parent().css('background-color', '#A8918A');

    // Hide submenu on selected page. Only show subemnu on hover.
    $('li.menuitem.level0.sfHover.sf-breadcrumb').removeClass('sfHover').css('background-color', '#A8918A');

    // First menu item does not need a border-left
    $("#mainMenu li:first a").css("border-left", "none");

    // First submenu item does not need a border-left
    $("ul.submenu").each(function () {
        $(this).find("li:first a").css("border-left", "none");
    });

    //Last footer item has no bullet
    $("#footer ul li:last").css("background", "none");

    //Add correct margins to content images according to their position
    $("div.subPage div.contentPane img").each(function () {
        if ($(this).css("float") == "left") {
            $(this).css("margin", "10px 10px 10px 0px");
        };
        if ($(this).css("float") == "right") {
            $(this).css("margin", "10px 0px 10px 10px");
        };
    });

    // Equal height homepage row D
    var HeightRowD = $("#homeRowD").height() - 25;
    $("#homeRowD .logo").css("height", HeightRowD);

    // Equal height homepage row C
    var HeightRowC = $("#homeRowC").height() - 20;
    $("#homeRowC .horecaNews").css("height", HeightRowC);

    // Equal height subpage columns
    var HeightPage = $("div.subPage").height();
    $(".subPage .rightPane, .subPage .leftPane, .subPage .contentPane").css("height", HeightPage);

    // Hide extra error messages on contact form
    $("table.DynamicForms_Maintable span.NormalRed").hide();

    // Machines rollover
    $("table.machine").live({
        mouseenter:
            function () {
                $(this).find("td.content").addClass("contentHover");
            },
        mouseleave:
            function () {
                $(this).find("td.content").removeClass("contentHover");
            }
    });

    // Image slider -----
    // Show the paging and activate its first link
    $(".image_reel img:first").addClass("active");
    var RelNr = 1;
    $(".image_reel img").each(function () {
        $(this).attr("rel", RelNr++);
    });

    // Get size of the image, how many images there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    // Adjust the image reel to its new size
    $(".image_reel").css({ 'width': imageReelWidth });

    // Slider Function
    rotate = function () {
        var triggerID = $active.attr("rel") - 1; // Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; // Determines the distance the image reel needs to slide

        $(".image_reel img").removeClass('active'); // Remove all active class
        $active.addClass('active'); // Add active class (the $active is declared in the rotateSwitch function)

        // Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500);

    };

    // Rotation and Timing Event
    rotateSwitch = function () {
        play = setInterval(function () { // Set timer - this will repeat itself every 7 seconds
            $active = $('.image_reel img.active').next(); //Move to the next paging
            if ($active.length === 0) { // If paging reaches the end...
                $active = $('.image_reel img:first'); // go back to first
            }
            rotate(); // Trigger the paging and slider function
        }, 7000); // Timer speed in milliseconds (7 seconds)
    };

    rotateSwitch(); // Run function on launch

    //On Hover
    $(".image_reel img").hover(function () {
        clearInterval(play); // Stop the rotation
    }, function () {
        rotateSwitch(); // Resume rotation timer
    });
});