$(document).ready(function() {
    //intro
    showIntroduction("loop_item_core_default_content");

    // - - - - - - - - - - - - - - - -
    //      DEFAULT
    // - - - - - - - - - - - - - - - -
    /*$("#intro_digitaal").click(function() {
    $("#externalControl .7").trigger('click');
    $(".loop_item_core_7").css("background-position", picDown);
    $(".loop_item_core_7").css("top", "4px");
    $(".loop_item_core_7_icon").css("top", "4px");
    selectItem("loop_item_core_7");
    });
    $("#intro_seo").click(function() {
    $(".loop_item_core_5").css("background-position", picDown);
    $(".loop_item_core_5").css("top", "4px");
    $(".loop_item_core_5_icon").css("top", "4px");
    selectItem("loop_item_core_5");
    });
    $("#intro_analyse").click(function() {
    $("#externalControl .8").trigger('click');
    $(".loop_item_core_8").css("background-position", picDown);
    $(".loop_item_core_8").css("top", "4px");
    $(".loop_item_core_8_icon").css("top", "4px");
    selectItem("loop_item_core_8");
    });
    $("#intro_email").click(function() {
    $(".loop_item_core_1").css("background-position", picDown);
    $(".loop_item_core_1").css("top", "4px");
    $(".loop_item_core_1_icon").css("top", "4px");
    selectItem("loop_item_core_1");
    });
    $("#intro_adwords").click(function() {
    $("#externalControl .6").trigger('click');
    $(".loop_item_core_6").css("background-position", picDown);
    $(".loop_item_core_6").css("top", "4px");
    $(".loop_item_core_6_icon").css("top", "4px");
    selectItem("loop_item_core_6");
    });
    $("#intro_websites").click(function() {
    $(".loop_item_core_2").css("background-position", picDown);
    $(".loop_item_core_2").css("top", "4px");
    $(".loop_item_core_2_icon").css("top", "4px");
    selectItem("loop_item_core_2");
    });
    $("#intro_social").click(function() {
    $(".loop_item_core_3").css("background-position", picDown);
    $(".loop_item_core_3").css("top", "4px");
    $(".loop_item_core_3_icon").css("top", "4px");
    selectItem("loop_item_core_3");
    });
    $("#intro_strategisch").click(function() {
    $(".loop_item_core_4").css("background-position", picDown);
    $(".loop_item_core_4").css("top", "4px");
    $(".loop_item_core_4_icon").css("top", "4px");
    selectItem("loop_item_core_4");
    });*/


    // - - - - - - - - - - - - - - - -
    //      CAROUSEL
    // - - - - - - - - - - - - - - - -
    disableSelection(document.getElementById("ul_carousel"))
    //disableSelection(document.getElementById("logo_cap47"))
    allowMenuToMove(true);
    setTotalItems(8); // aantal items instellen
    $(function() {
        $(".carousel").jCarouselLite({
            btnNext: "#arrow_right_carousel",
            btnPrev: "#arrow_left_carousel",
            visible: 5,
            speed: 400,
            mouseWheel: true,
            beforeStart: function(a) {
                allowMenuToMove(false);
            },
            afterEnd: function(a) {
                checkArrows();
                allowMenuToMove(true);
            },
            btnGo:
            ["#externalControl .1", "#externalControl .2",
            "#externalControl .3", "#externalControl .4",
            "#externalControl .5", "#externalControl .6",
            "#externalControl .7", "#externalControl .8",
            "#externalControl .9", "#externalControl .10",
            "#externalControl .11", "#externalControl .12"]
        });
    });

    $(".arrow_right").click(function() {
        selectNextItem();
    });

    $(".arrow_left").click(function() {
        selectPreviousItem();
    });

    $("#loop_item_lees_meer").click(function() {
        //showMoreContent("leesmeer", "1");
        window.location = "#/" + $("#tabs" + selectedNumber + "_tab1_leesmeer span:first-child").attr("id").replace("slash", "/") + "/";
    });
    /*$("#loop_item_realisaties").click(function() {showMoreContent("realisaties", "1"); });*/

    var isiPad = navigator.userAgent.match(/iPad/i) != null;
    if (isiPad) {
        mouseActionsForMenuIPAD();
    } else {
        mouseActionsForMenu();
    }

    //mouseOver's
    mouseActions("#arrow_left", "0px 0px", "-84px 0px", "-168px 0px", "60px", "62px", "64px");
    mouseActions("#arrow_right", "-42px 0px", "-126px 0px", "-210px 0px", "60px", "62px", "64px");
    mouseActions("#arrow_left_carousel", "0px 0px", "-84px 0px", "-168px 0px", "60px", "62px", "64px");
    mouseActions("#arrow_right_carousel", "-42px 0px", "-126px 0px", "-210px 0px", "60px", "62px", "64px");

    mouseActionsAirButtons("#loop_item_lees_meer", "0px 0px", "-222px 0px", "-444px 0px", "0px", "2px", "4px");
    mouseActionsAirButtons("#loop_item_realisaties", "0px 0px", "-222px 0px", "-444px 0px", "0px", "2px", "4px");

    mouseActions("#contact_button", "0px 0px", "-62px 0px", "-124px 0px", "35px", "37px", "39px");
    mouseActions("#solliciteer_button", "0px 0px", "-62px 0px", "-124px 0px", "35px", "37px", "39px");

    //info_button
    mouseActions("#info_button", "0px 0px", "-62px 0px", "-124px 0px", "0px", "2px", "4px");
    $("#info_button").click(function() {
        window.location = "/#/info/";
    });

    //To the top
    mouseActions(".tothetop_black", "0px 0px", "-62px 0px", "-124px 0px", "511px", "513px", "515px");
    mouseActions(".tothetop_core", "0px 0px", "-62px 0px", "-124px 0px", "846px", "848px", "850px");
    $(".tothetop").click(function() {
        document.location = "/#/";
        $(getScrollElement()).animate({ scrollTop: 0 }, 500);
    });

    //social media
    loadSocialMediaFunctions();

    //keypress
    $(document).keyup(function(event) {
        switch (event.keyCode) {
            case 37: simulateLeftOrRightClick("left"); break;
            case 39: simulateLeftOrRightClick("right"); break;
        }
    });

    //Misc
    $("#logo_cap47").click(function() {
        debug();
    });

    //check if there are new messages
    checkNewMessages();


    // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    //        EARTH
    // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    mouseActions(".button_arrowtop", "0px 0px", "-92px 0px", "-184px 0px", "0px", "2px", "4px");

    hideAllTabs();
    $("#tabs1_fragment1").show();

    $(".ultabs li").click(function() {
        //hideAllTabs();
        //$("#" + $(this).attr("class")).show();
    });

    mouseActionsForTabs("#tab_loop_item_core_1_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_2_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_3_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_4_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_5_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_6_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_7_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_8_leesmeer .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_1_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_2_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_3_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_4_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_5_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_6_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_7_realisaties .ultabs li");
    mouseActionsForTabs("#tab_loop_item_core_8_realisaties .ultabs li");

    //earth close bar
    $("#button_arrowtop_container").click(function() {
        //Scrollen naar de top
        if (allowTransitions()) {
            $(getScrollElement()).animate({ scrollTop: 0 }, 500);
            $("#dirt_container").slideUp(500);
        } else {
            $(getScrollElement()).scrollTop(0);
            $("#dirt_container").hide();
        }

        hideEarthCloseBar();
        deselectInclickableButtons("0px 0px", "0px");
    });

    // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    //        BLACK
    // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    mouseActions(".green_button", "0px 0px", "-162px 0px", "-324px 0px", "337px", "339px", "341px");

    $(".team_link").click(function() {
        document.location = "/#/team/";
    });

    // - - - - - - - - - - - - - - - -
    //      CORE
    // - - - - - - - - - - - - - - - -
    positionPerson(11);

    mouseActions("#core_arrow_left", "0px 0px", "-84px 0px", "-168px 0px", "450px", "452px", "454px");
    mouseActions("#core_arrow_right", "-42px 0px", "-126px 0px", "-210px 0px", "450px", "452px", "454px");

    $("#core_arrow_left").click(function() {
        showPersonsInfo("next");
    });
    $("#core_arrow_right").click(function() {
        showPersonsInfo("prev");
    });
    // - - - - - - - - - - - - - - - -
    //      BLOB
    // - - - - - - - - - - - - - - - -
    //activateBlob();

    // - - - - - - - - - - - - - - - -
    //      CONTACT & SOLLICITEER
    // - - - - - - - - - - - - - - - -
    $("#contact_container, #solliciteer_container").slideUp();
    $("#tube_solliciteer_split").hide();

    // - - - - - - - - - - - - - - - -
    //      MISC
    // - - - - - - - - - - - - - - - -
    initModalImages();


    // - - - - - - - - - - - - - - - -
    //      ADDRESS
    // - - - - - - - - - - - - - - - -

    // Init and change handlers
    $.address.init(function(event) {

        /*log('init: ' + serialize({
        value: $.address.value(),
        path: $.address.path(),
        pathNames: $.address.pathNames(),
        parameterNames: $.address.parameterNames(),
        queryString: $.address.queryString()
        }));*/
    }).change(function(event) {


        switch ($.address.pathNames()[0]) {
            case "team":
                $(getScrollElement()).animate({ scrollTop: parseFloat($("#core_container").offset().top) + 1 }, 500);
                break
            case "contacteer-ons":
                //contact_functions.js
                openContactForm();
                break
            case "solliciteer-bij-cap47":
                openSolliciteerForm();

                var heightContactForm = 0;
                if ($("#contact_container").is(":visible")) {
                    closeContactForm();
                    heightContactForm = parseFloat($("#contact_container").height());
                }

                
                //sollicitaties
                switch ($.address.pathNames()[1]) {
                    case "1":
                        if ($("#solliciteer_button").attr("class") == "button_open") {
                            $(getScrollElement()).stop().animate({ scrollTop: $("#jobs li:first").offset().top - 18 - heightContactForm }, 500);
                        } else {
                            $(getScrollElement()).delay(500).stop().animate({ scrollTop: $("#jobs li:first").offset().top - 18 - heightContactForm }, 500);
                        }
                        break;
                    case "2":
                        if ($("#solliciteer_button").attr("class") == "button_open") {
                            $(getScrollElement()).stop().animate({ scrollTop: $("#jobs li:first").next().offset().top - 18 - heightContactForm }, 500);
                        } else {
                            $(getScrollElement()).delay(500).stop().animate({ scrollTop: $("#jobs li:first").next().offset().top - 18 - heightContactForm }, 500);
                        }
                        break;
                }
                
                break
            case "info":
                $("#solliciteer_container").hide();
                $("#contact_container").hide();
                $(getScrollElement()).animate({ scrollTop: parseFloat($("#black_container").offset().top) + 1 }, 500);
                break
            default:
                //menu item
                if ($.address.pathNames()[0] != undefined) {
                    //menu_functions.js
                    var loopItem = $("#" + $.address.pathNames()[0] + " .loop_item_core").attr("id");
                    if (loopItem != undefined) {


                        clickMenu($("#" + $.address.pathNames()[0] + " .loop_item_core"));

                        $("." + loopItem).css("background-position", "-284px 0px");
                        $("." + loopItem).css("top", "4px");
                        $("." + loopItem + "_icon").css("top", "4px");

                        //sub item tab_functions
                        var tabItem = $.address.pathNames()[1];
                        if (tabItem != undefined) {
                            if ($("#dirt_container").is(":visible")) {
                                selectTab($("#" + $.address.pathNames()[0] + "slash" + tabItem).parent().attr("id"));
                            } else {
                                var tabNumber = $("#" + $.address.pathNames()[0] + "slash" + tabItem).parent().attr("id").replace("_leesmeer", "");
                                tabNumber = tabNumber.substr(tabNumber.length - 1, 1);
                                showMoreContent("leesmeer", tabNumber);
                            }
                        }
                    } else {
                        window.location = "/#/";
                    }
                }
                break
        }

    });
});