$(window).load(function() {
    if ($('body').attr('id') !== 'cancerLanding') {
        $('.wa-fg').css("opacity", 0.95);
        $('#hero-page .wraparound .wa-bar-light').css("opacity", 0.15);
        landingSlider.init();

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

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

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

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

var landingSlider = {
    num: -1,
    curr: 0,
    transtime: .75 * 1000,
    autoloop: null,
    autotime: 10 * 1000,
    autorotate: true,
    mousein: false,
    timer: 0,
    init: function() {

        // initialize
        if (!landingSlider.data || !landingSlider.data.length) {
            return false;
        }

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

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

        var next = landingSlider.curr + 2;
        if (next >= (landingSlider.num + 1)) next = -1;
        // on last slide so set it to -1
        if (!landingSlider.mousein) {
            landingSlider.slide(next);
        }
    },
    slide: function(next, gap) {
        // transition to next image
        if (gap) {
            landingSlider.wrapoff(true);
            $("#hero-page #hero-img-holder #hero-" + Number(landingSlider.curr + 1)).animate({
                opacity: 0.0
            },
            landingSlider.transtime);
            $("#hero-page #hero-img-holder #hero-" + (next)).animate({
                opacity: 1.0
            },
            landingSlider.transtime);
            landingSlider.curr = next - 1;
        } else if (next > 0 && !gap) {
            landingSlider.wrapoff(true, next);
            $("#hero-page #hero-img-holder #hero-" + (next - 1)).animate({
                opacity: 0.0
            },
            landingSlider.transtime);
            $("#hero-page #hero-img-holder #hero-" + (next)).animate({
                opacity: 1.0
            },
            landingSlider.transtime);
            landingSlider.curr++;
        } else {
            landingSlider.wrapoff(true);
            $("#hero-page #hero-img-holder #hero-" + (landingSlider.num)).animate({
                opacity: 0.0
            },
            landingSlider.transtime);
            $("#hero-page #hero-img-holder #hero-" + (1)).animate({
                opacity: 1.0
            },
            landingSlider.transtime);
            landingSlider.curr = 0;
        }
    },
    textswap: function(next) {
        // update text area
        if (!next) next = landingSlider.curr + 1;
        var index = next - 1;
        $('#hero-page li').removeClass("active");
        $('#hero-page #hero-nav-' + next).addClass("active");
        $('#hero-page .wa-fg .content .sliderTitle').html(landingSlider.data[index].title);
        $('#hero-page .wa-fg .content #slideDesc').html(landingSlider.data[index].copy);
        $('#hero-page .wa-fg .content #slideLink').attr('href', landingSlider.data[index].link);
        
        /*switch (next) {
        case 1:
            $('#hero-page li').removeClass("active");
            $('#hero-page #hero-nav-1').addClass("active");
            $('#hero-page .wa-fg .content .sliderTitle').html(landingSlider.data[0].title);
            $('#hero-page .wa-fg .content #slideDesc').html(landingSlider.data[0].copy);
            $('#hero-page .wa-fg .content #slideLink').attr('href', landingSlider.data[0].link);
            break;
        case 2:
            $('#hero-page li').removeClass("active");
            $('#hero-page #hero-nav-2').addClass("active");
            $('#hero-page .wa-fg .content h3').html(landingSlider.data[1].title);
            $('#hero-page .wa-fg .content #slideDesc').html(landingSlider.data[1].copy);
            $('#hero-page .wa-fg .content #slideLink').attr('href', landingSlider.data[1].link);
            break;
        case 3:
            $('#hero-page li').removeClass("active");
            $('#hero-page #hero-nav-3').addClass("active");
            $('#hero-page .wa-fg .content h3').html(landingSlider.data[2].title);
            $('#hero-page .wa-fg .content #slideDesc').html(landingSlider.data[2].copy);
            $('#hero-page .wa-fg .content #slideLink').attr('href', landingSlider.data[2].link);
            break;
        }*/
    },
    highlight: function() {
        // change active slide number
        },
    wrapon: function(onagain) {
        if (!onagain) return false;

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

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

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