var isActive1 = true;
var isActive2 = false;
var isActive3 = false;
var isActive4 = false;
var isActive5 = false;
var isActive6 = false;
var isActive7 = false;

var userActivated = false;


function initSliderAnimation() {
    startSlide1();
    //Default home link
    $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });

    $.jheartbeat.set({
        delay: 11000
    }, function () {
        //if (!userActivated) {

        var activeID = $('.animate_button.selected').attr('id');
        var nextActiveID = $('.animate_button.selected').next().attr('id');

        if (activeID == 'animate_button_7') nextActiveID = 'animate_button_1';
        $('#' + nextActiveID).trigger('click');


        //}
    });
}

function initAnimateButtons() {

    $('body').keyup(function (event) {
        //Key left
        if (event.keyCode == 37) {
            var activeID = $('.animate_button.selected').attr('id');
            var prevActiveID = $('.animate_button.selected').prev().attr('id');
            if (activeID == 'animate_button_1') prevActiveID = 'animate_button_7';
            $('#' + prevActiveID).trigger('click');
            userActivated = true;
        }
        //Key right
        if (event.keyCode == 39) {
            var activeID = $('.animate_button.selected').attr('id');
            var nextActiveID = $('.animate_button.selected').next().attr('id');
            if (activeID == 'animate_button_7') nextActiveID = 'animate_button_1';
            $('#' + nextActiveID).trigger('click');
            userActivated = true;
        }
    });

    $('.animate_button').click(function () {
        //Deactivate all other buttons while animating
        $('.animate_button').unbind('click');
        $('.animate_button.selected').attr("src", virtualToAbsolute("Content/Images/HomeSlider/circle_idle.png"));
        $('.animate_button.selected').removeClass('selected');
        $(this).attr("src", virtualToAbsolute("Content/Images/HomeSlider/circle_selected.png"));
        $(this).addClass('selected');
    });

    $('#animate_button_1').click(function () {
        if (!isActive1) {
            setActive(1);
            setTimeout("startSlide1();", 1500);
        }
    });

    $('#animate_button_2').click(function () {
        if (!isActive2) {
            setActive(2);
            setTimeout("startSlide2();", 1500);
        }
    });

    $('#animate_button_3').click(function () {
        if (!isActive3) {
            setActive(3);
            setTimeout("startSlide3();", 1500);
        }
    });

    $('#animate_button_4').click(function () {
        if (!isActive4) {
            setActive(4);
            setTimeout("startSlide4();", 1500);
        }
    });

    $('#animate_button_6').click(function () {
        if (!isActive6) {
            setActive(6);
            setTimeout("startSlide6();", 1500);
        }
    });

    $('#animate_button_7').click(function () {
        if (!isActive7) {
            setActive(7);
            setTimeout("startSlide7();", 1500);
        }
    });

    $('.animate_button').mouseenter(function () {
        userActivated = true;
    });
}



//All Products
function startSlide1() {
    $('#screen_0_1').css({ "margin-left": "-1200px", "top": "15px" });
    $('#screen_0_2').css({ "margin-left": "-1000px", "top": "121px", "z-index": "-6" });
    $('#screen_0_3').css({ "margin-left": "-1000px", "top": "121px", "z-index": "-7" });
    $('#screen_0_4').css({ "margin-left": "-1000px", "top": "186px", "z-index": "-8" });
    $('#screen_0_5').css({ "margin-left": "-1000px", "top": "186px", "z-index": "-9" });

    $('#screen_0_1').show().animate({ marginLeft: '100px' }, 1800, 'easeOutBack');
    $('#screen_0_2').show().animate({ marginLeft: '1px' }, 1000);
    $('#screen_0_3').show().delay(200).animate({ marginLeft: '440px' }, 1000);
    $('#screen_0_4').show().delay(400).animate({ marginLeft: '661px' }, 1000);
    $('#screen_0_5').show().delay(600).animate({ marginLeft: '734px' }, 1000, function () { initAnimateButtons(); });
}

function endSlide1() {
    $('#screen_0_1').show().delay(200).animate({ marginLeft: '-1000px' }, 1200, 'easeInBack');
    $('#screen_0_2').show().delay(800).animate({ marginLeft: '-800px' }, 1500);
    $('#screen_0_3').show().delay(700).animate({ marginLeft: '-800px' }, 1500);
    $('#screen_0_4').show().delay(600).animate({ marginLeft: '-800px' }, 1500);
    $('#screen_0_5').show().delay(500).animate({ marginLeft: '-800px' }, 1500);
}

//Android tablet
function startSlide2() {
    $('#screen_4_1').css({ "margin-left": "-100px", "top": "0px" });
    $('#screen_4_2').css({ "margin-left": "-400px", "top": "0px" });

    $('#screen_4_1').show().animate({ marginLeft: '10px' }, 1200, 'easeOutBack');
    $('#screen_4_2').show().animate({ marginLeft: '460px' }, 1600, 'easeOutBack', function () { initAnimateButtons(); });
}

function endSlide2() {
    $('#screen_4_1').show().animate({ marginLeft: '1000px' }, 500, 'easeInBack');
    $('#screen_4_2').show().animate({ marginLeft: '1000px' }, 1000, 'easeInBack');
}


//iPads
function startSlide3() {
    $('#screen_2_1').css({ "margin-left": "0px", "margin-top": "-500px", "left": "111px" });
    $('#screen_2_2').css({ "margin-left": "0px", "margin-top": "-500px", "left": "100px" });

    $('#screen_2_1').show().animate({ marginTop: '149px' }, 1200, 'easeOutBounce');
    $('#screen_2_2').show().animate({ marginTop: '0px' }, 1200, function () { initAnimateButtons(); });
}

function endSlide3() {
    $('#screen_2_1').show().animate({ marginLeft: '-1000px' }, 1000, 'easeInBack');
    $('#screen_2_2').show().animate({ marginLeft: '1000px' }, 800, 'easeInBack');
}


//Android phone
//function startSlide4() {
//    $('#screen_3_1').css({ "margin-left": "-1000px", "top": "73px" });
//    $('#screen_3_2').css({ "margin-left": "-1000px", "top": "0px" });

//    $('#screen_3_1').show().animate({ marginLeft: '50px' }, 800);
//    $('#screen_3_2').show().animate({ marginLeft: '551px' }, 1200, function () { initAnimateButtons(); });
//}

//function endSlide4() {
//    $('#screen_3_1').show().animate({ marginLeft: '1000px' }, 1000, 'easeInBack');
//    $('#screen_3_2').show().animate({ marginLeft: '1000px' }, 800, 'easeInBack');
//}

//iPhone
function startSlide4() {
    $('#screen_1_1').css({ "margin-left": "-700px", "top": "0px" });
    $('#screen_1_2').css({ "margin-top": "-700px", "left": "300px" });
    $('#screen_1_3').css({ "margin-left": "1000px", "top": "0px" });

    $('#screen_1_1').show().animate({ marginLeft: '0px' },  1200, 'easeOutBack');
    $('#screen_1_2').show().animate({ marginTop: '0px' }, 800);
    $('#screen_1_3').show().animate({ marginLeft: '699px' }, 1200, 'easeOutBack', function () { initAnimateButtons(); });
}

function endSlide4() {
    $('#screen_1_1').show().animate({ marginLeft: '-700px' }, 800, 'easeInBack');
    $('#screen_1_2').show().animate({ marginTop: '-700px' }, 800, 'easeInBack');
    $('#screen_1_3').show().animate({ marginLeft: '1000px' }, 800, 'easeInBack');
}


//Pay-Per-Look
function startSlide6() {
    $('#ppl_screen').css({ "margin-left": "-500px", "top": "-1px"});
    $('#ppl_screen').show().animate({ marginLeft: '0px' }, 600, function () { initAnimateButtons(); });
}

function endSlide6() {
    $('#ppl_screen').show().animate({ marginLeft: '1000px' }, 1200, 'easeInBack');
}


//OpenSplash
function startSlide7() {
    $('#opensplash_screen').css({ "margin-left": "-500px", "top": "0px" });
    $('#opensplash_screen').show().animate({ marginLeft: '0px' }, 600, function () { initAnimateButtons(); });
}

function endSlide7() {
    $('#opensplash_screen').show().animate({ marginLeft: '1000px' }, 1200, 'easeInBack');
}

function setActive(activeID) {
   //Before set another active, end animation for current active
    if (isActive1) endSlide1();
    else if (isActive2) endSlide2();
    else if (isActive3) endSlide3();
    else if (isActive4) endSlide4();
    else if (isActive5) endSlide5();
    else if (isActive6) endSlide6();
    else if (isActive7) endSlide7();

    //Reset all actives
    isActive1 = false;
    isActive2 = false;
    isActive3 = false;
    isActive4 = false;
    isActive5 = false;
    isActive6 = false;
    isActive7 = false;


    if (activeID == 1) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });
        isActive1 = true;
    }
    else if (activeID == 2) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });
        isActive2 = true;
    }
    else if (activeID == 3) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });
        isActive3 = true;
    }
    else if (activeID == 4) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });
        isActive4 = true;
    }
    else if (activeID == 5) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("News?news_id=31"); });
        isActive5 = true;
    }
    else if (activeID == 6) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("PayPerLook"); });
        isActive6 = true;
    }
    else if (activeID == 7) {
        $('#home_screen_canvas').click(function () { window.location = virtualToAbsolute("Splash"); });
        isActive7 = true;
    }
}