var interval;
var pageColour;

$(function () {

    setUpMenu();

    //register text with cufon.
    //Cufon.replace(".main-menu, .statement, main-image, .footer, .feature-boxes h3, .feature-boxes p, .feature-header, .sub-menu, .item-list h1, .item-list h4, .item-list p, .item-list a, .image-tab-panel h1, .image-tab-panel p");

    Cufon.replace(".main-menu, .statement, main-image, .footer, .feature-boxes h3, .feature-header, .sub-menu, .item-list h4, .image-tab-panel h1");

    /* -- main image functionality -- */

    //Open page with first image & copy visible
    $(".1").show();
    $(".copy_1").show();
    $("#1").addClass("active");

    //Onclick code for not selected tabs.
    $(".image-tabs li").click(function () {
        if (!$(this).hasClass("active")) {

            var id = $(this).attr("id");

            //remove active from previous image
            $(".image-tabs .active").removeClass("active");
            //give the current tab the active class.
            $(this).addClass("active");

            //fade out currently visible image and text
            $(".main-image img:visible").fadeOut(400);
            $(".copy:visible").fadeOut(400);

            //fade in image and text
            $("." + id).fadeIn(600);
            $(".copy_" + id).fadeIn(600);
        }

        clearInterval(interval);
        interval = setInterval("moveNext()", 7000);

    });

    interval = setInterval("moveNext()", 7000);

    /* -- end main image functionality -- */


    /* -- email signup --*/

    $(".redbox-email").focus(function () {
        $(".newsletter-signup").hide();
    });

    $(".redbox-email").blur(function () {
        if ($(".redbox-email").val() == "")
            $(".newsletter-signup").show();
    });

    $(".newsletter-signup").click(function () {
        $(".redbox-email").focus();
    })

    $(".add-email-address").click(function () {

        $(".email-input").hide();
        $(".loading").show();
        setTimeout("showEmailAccepted()", 1000);

    });

    $(".kordia").click(function () { window.open("http://www.kordia.co.nz"); });
    $(".geni").click(function () { window.open("http://www.gen-i.co.nz"); });

});

function showEmailAccepted() {

    $(".loading").html("<span class='newsletter-signup' style='width:160px;'>Thank you. When we send out our next newsletter you will recieve a copy.</span>");

}

function setUpMenu() {

    setActiveMenuItem();

    //due to issues with cufon replaced text changing colour
    //each main menu item has 2 versions of the link. The first is black
    //the second is white. When the hover is applied the CSS is set up to
    //show the white version and the black when no hover is applied.
    $(".main-menu li").each(function () {
        var link = $(this).html();
        $(this).html($(this).html() + link);
        $("a:last", this).addClass("white");
    });

    $(".main-menu li").click(function () {
        var url = $("a:first", this).attr("href");
        window.location = url;
    });

    $(".main-menu li").hover(function () {
        $(this).addClass("hover");
        $(this).css("background", pageColour);
    }, function () {
        $(this).removeClass("hover");
        if(!$(this).hasClass("active"))
            $(this).removeAttr("style");
    });
}

function moveNext() {
    //click the next tab
    var lastIndex = $(".image-tabs li:last").index();
    var currentIndex = $(".image-tabs li.active").index();

    if (currentIndex == lastIndex)
        $(".image-tabs li:first").click();
    else
        $(".image-tabs li.active").next().click();
}

function setActiveMenuItem() {

    var pageType = $.trim($(".sub-menu .top").text());

    if (pageType != "" && pageType != null) {
        $(".main-menu li").eq(5).removeClass("active");
        switch (pageType) {

            case "About Us":
                $(".main-menu li").eq(4).addClass("active");
                setColours("#0b8466");
                break;

            case "News & Events":
                $(".main-menu li").eq(3).addClass("active");
                setColours("#7a96a9");
                break;

            case "Our Initiatives":
                $(".main-menu li").eq(2).addClass("active");
                setColours("#a3b943");
                break;

            case "Resources":
                $(".main-menu li").eq(1).addClass("active");
                setColours("#ff9900");
                break;

            case "Contact Us":
                $(".main-menu li").eq(0).addClass("active");
                setColours("#da1e1c");
                break

        }
    }
}

function setColours(colour) {

    $("body").css("border-top", "solid 6px" + colour);
    $(".main-menu .active").css("background", colour);
    $(".item-list a").css("color", colour);
    $(".item-list h1").css("color", colour);
    pageColour = colour;

}