/// <reference path="../jquery-1.4.1-vsdoc.js" />

$(function () {

    setUpFooterOpen();
    setUpFooterClose();

    var offset = $(".wrapper").offset()
    $(".main-navigation-menu").css("left", offset.left + 20 + "px");
    $(".right-nav").css("left", offset.left + 720 + "px");

    $(window).resize(function () {

        var offset = $(".wrapper").offset()
        $(".main-navigation-menu").css("left", offset.left + 20 + "px");
        $(".right-nav").css("left", offset.left + 720 + "px");

    });

    $(".main-navigation-menu a").each(function () {

        var url = document.URL;
        var href = $(this).attr("href");

        if (url.indexOf(href) != -1) {
            $(this).addClass("current");
            $(this).parent().addClass("active");
        }
    });

    $(".go-button").validate();
    $(".go-button").click(function () {

        if (validated == false)
            return;

        var contactUs = {};

        contactUs["Name"] = $(".name").val();
        contactUs["Email"] = $(".email").val();
        contactUs["Link"] = $(".link").val();
        contactUs["Thoughts"] = $(".thoughtstext").val();

        var DTO = { 'ContactUs': contactUs };

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "/Services/ContactUsService.asmx/ContactUs",
            data: JSON.stringify(DTO),
            dataType: "json",
            success: function (msg) {
                if (msg.d == "success") {

                    //must be in this order.
                    $(".contact-form").hide();
                    $(".thanks").fadeIn(400);

                    $(".name").val("");
                    $(".email").val("");
                    $(".link").val("");
                    $(".thoughtstext").val("");

                }
            }
        });

    });

    //validate the employment form
    $(".join-us-go-button").validate();

    //hover functionality for social media btns.
    $(".social-media-buttons img").hover(
        function () {

            var src = $(this).attr("src");
            src = src.replace("grey", "colour");
            $(this).attr("src", src);

        }, function () {

            var src = $(this).attr("src");
            src = src.replace("colour", "grey");
            $(this).attr("src", src);

        });

    //Hide this last so that input backgrounds
    //will be loaded when user opens form.
    $(".contact-form").hide();

    //open contact us panel using the main menu link.
    $(".contact-us").click(function () {
        $(".footer-contact-panel").click();
    });

    //Lazy load images
    $("img").not(".notlazy").lazyload({ effect: "fadeIn" });

});

function setUpFooterOpen() {

    $(".footer-contact-panel").click(function () {
        if (!$(this).hasClass("footer-open")) {

            $(this)
                .addClass("footer-open")
                .removeClass("footer-closed")
                .animate({ height: "300px" }, 300);

            $(".contact-form").show();
            $(".close-button").show();
            $(".thanks").hide();

            $(this).unbind();
        }
    });
}

function setUpFooterClose() {
    
    $(".close-button").click(function () {
        $(".footer-contact-panel").each(function () {

            if (!$(this).hasClass("footer-closed")) {
                $(this)
                .addClass("footer-closed")
                .removeClass("footer-open")
                .animate({ height: "57px" }, 300);

                $(".contact-form").hide();
                $(".close-button").hide();
                $(".validationbox").remove();
            }

            setTimeout('setUpFooterOpen()', 100);
        });
    });
}