$(window).load(function() {
    $('.wa-fg').css("opacity", 0.95);
    $('#hero-home .wraparound .wa-bar-light').css("opacity", 0.15);
    slider.init();

    $('#hero-home').mouseenter(function() {
        slider.mousein = true;
        if (!slider.isanimating) {
            $('#hero-home .wraparound .wa-bar-light').stop();
            window.clearTimeout(slider.autoloop);

            var strlength = $('#hero-home .wraparound .wa-bar-light').css("top").length;
            var thething = Number($('#hero-home .wraparound .wa-bar-light').css("top").substring(0, (strlength - 2)));
            slider.timer = ((204 - thething) / 204) * (slider.autotime);
        }
    });

    $('#hero-home').mouseleave(function() {
        slider.mousein = false;
        if (!slider.isanimating) {
            slider.autoloop = window.setTimeout('slider.auto();', slider.timer);
            $('#hero-home .wraparound .wa-bar-light').animate({
                top: "204px"
            },
            slider.timer, "linear");
        }
    });

    $('.hero-nav a').click(function(e) {
        switch ($(this).parent().attr("id")) {
        case "hero-nav-1":
            slider.slide(1, true);
            break;
        case "hero-nav-2":
            slider.slide(2, true);
            break;
        case "hero-nav-3":
            slider.slide(3, true);
            break;
        case "hero-nav-4":
            slider.slide(4, true);
            break;
        case "hero-nav-5":
            slider.slide(5, true);
            break;
        }
        e.preventDefault();
    });

});

var slider = {
    num: -1,
    curr: 0,
    transtime: .75 * 1000,
    autoloop: null,
    autotime: 10 * 1000,
    autorotate: true,
    mousein: false,
    timer: 0,
    colors: Array("teal", "pink", "purple", "green", "orange"),
    init: function() {
        // initialize
        if (!slider.data || !slider.data.length) {
            return false;
        }

        var d = slider.data;
        slider.num = d.length;
        for (var i = 0; i < slider.num; i++) {
            if (i !== 0) {
                $("#hero-home #hero-img-holder").append('<img id="hero-' + (i + 1) + '" src=" '+ d[i].image + '" alt="'+d[i].ScreenReaderTitle+'" />');
                $("#hero-home #hero-img-holder #hero-" + (i + 1)).css("opacity", 0.0);
            }
        }

        $('#hero-home .wraparound .wa-bar-light').css("top", "0px");
        slider.countdown(slider.autotime);
        // slider.autoloop = window.setTimeout('slider.auto();',slider.autotime);
    },
    auto: function() {
        // auto rotate to next
        if (!slider.autorotate)
        return false;

        var next = slider.curr + 2;
        if (next >= (slider.num + 1)) next = -1;
        // on last slide so set it to -1
        if (!slider.mousein) {
            slider.slide(next);
        }
    },
    slide: function(next, gap) {
        // transition to next image
        if (gap) {
            slider.wrapoff(true);
            $("#hero-home #hero-img-holder #hero-" + Number(slider.curr + 1)).animate({
                opacity: 0.0
            },
            slider.transtime);
            $("#hero-home #hero-img-holder #hero-" + (next)).animate({
                opacity: 1.0
            },
            slider.transtime);
            slider.curr = next - 1;
        } else if (next > 0 && !gap) {
            slider.wrapoff(true, next);
            $("#hero-home #hero-img-holder #hero-" + (next - 1)).animate({
                opacity: 0.0
            },
            slider.transtime);
            $("#hero-home #hero-img-holder #hero-" + (next)).animate({
                opacity: 1.0
            },
            slider.transtime);
            slider.curr++;
        } else {
            slider.wrapoff(true);
            $("#hero-home #hero-img-holder #hero-" + (slider.num)).animate({
                opacity: 0.0
            },
            slider.transtime);
            $("#hero-home #hero-img-holder #hero-" + (1)).animate({
                opacity: 1.0
            },
            slider.transtime);
            slider.curr = 0;
        }
    },
    textswap: function(next) {
        // update text area
        if (!next)
        next = slider.curr + 1;
        switch (next) {
        case 1:
            $('#hero-home li').removeClass("active");
            $('#hero-home .wraparound').removeClass("teal pink purple green orange");
            $('#hero-home .wraparound').addClass("teal");
            $('#hero-home #hero-nav-1').addClass("active");
            $('#hero-home .wa-fg .content h2').html(slider.data[0].title);
            $('#hero-home .wa-fg .content p').html(slider.data[0].copy);
			$('#hero-home #btn-href').attr('href', slider.data[0].link);
		$('#hero-home #btn-href').attr('title', slider.data[0].ScreenReaderTitle);
            break;
        case 2:
            $('#hero-home li').removeClass("active");
            $('#hero-home .wraparound').removeClass("teal pink purple green orange");
            $('#hero-home .wraparound').addClass("pink");
            $('#hero-home #hero-nav-2').addClass("active");
            $('#hero-home .wa-fg .content h2').html(slider.data[1].title);
            $('#hero-home .wa-fg .content p').html(slider.data[1].copy);
			$('#hero-home #btn-href').attr('href', slider.data[1].link); 
		$('#hero-home #btn-href').attr('title', slider.data[1].ScreenReaderTitle);
            break;
        case 3:
            $('#hero-home li').removeClass("active");
            $('#hero-home .wraparound').removeClass("teal pink purple green orange");
            $('#hero-home .wraparound').addClass("purple");
            $('#hero-home #hero-nav-3').addClass("active");
            $('#hero-home .wa-fg .content h2').html(slider.data[2].title);
            $('#hero-home .wa-fg .content p').html(slider.data[2].copy);
			$('#hero-home #btn-href').attr('href', slider.data[2].link);
			$('#hero-home #btn-href').attr('title', slider.data[2].ScreenReaderTitle);
            break;
        case 4:
            $('#hero-home li').removeClass("active");
            $('#hero-home .wraparound').removeClass("teal pink purple green orange");
            $('#hero-home .wraparound').addClass("green");
            $('#hero-home #hero-nav-4').addClass("active");
            $('#hero-home .wa-fg .content h2').html(slider.data[3].title);
            $('#hero-home .wa-fg .content p').html(slider.data[3].copy);
			$('#hero-home #btn-href').attr('href', slider.data[3].link);
			$('#hero-home #btn-href').attr('title', slider.data[3].ScreenReaderTitle);
            break;
        case 5:
            $('#hero-home li').removeClass("active");
            $('#hero-home .wraparound').removeClass("teal pink purple green orange");
            $('#hero-home .wraparound').addClass("orange");
            $('#hero-home #hero-nav-5').addClass("active");
            $('#hero-home .wa-fg .content h2').html(slider.data[4].title);
            $('#hero-home .wa-fg .content p').html(slider.data[4].copy);
			$('#hero-home #btn-href').attr('href', slider.data[4].link);
			$('#hero-home #btn-href').attr('title', slider.data[4].ScreenReaderTitle);
            break;
        }
    },
    highlight: function() {
        // change active slide number
        },
    wrapon: function(onagain) {
        if (!onagain)
        return false;

        var newFgRight = -($("#hero-home .wa-fg").width() - 40);

        $('#hero-home .wraparound .wa-bar-light').css("top", "0px");
        $("#hero-home .wa-bg").animate({
            right: "0px",
            width: "20px"
        },
        250);
        $("#hero-home .wraparound .wa-bar").delay(400).animate({
            width: "40px"
        },
        250);
        $("#hero-home .wraparound .wa-fg").delay(500).animate({
            right: "0px"
        },
        400, slider.countdown);
    },
    wrapoff: function(onagain, next) {
        slider.isanimating = true;
        var newFgRight = -($("#hero-home .wa-fg").width() - 40);

        $("#hero-home .wa-bg").delay(450).animate({
            right: "20px",
            width: "0px"
        },
        250,
        function() {
            slider.textswap(next);
            slider.wrapon(onagain);
        });
        $("#hero-home .wraparound .wa-bar").delay(200).animate({
            width: "0px"
        },
        250);
        $("#hero-home .wraparound .wa-fg").animate({
            right: "-332px"
        },
        400);
    },
    countdown: function(t) {
        if (!slider.mousein) {
            window.clearTimeout(slider.autoloop);
            slider.autoloop = window.setTimeout('slider.auto();', slider.autotime);
        }
        slider.isanimating = false;
        slider.timer = slider.autotime;
        // if (!t)
        // 	t = slider.autotime-1400;
        if (!slider.mousein) {
            $('#hero-home .wraparound .wa-bar-light').animate({
                top: "204px"
            },
            slider.autotime, "linear");
        }
    }
};