$(document).ready(function() {
    var runSlide = self.setInterval("slides('forward')", 10000);

    $('a.slide-num').click(function() {
        runSlide = window.clearInterval(runSlide);
        var slideNum = parseFloat($(this).attr("slide-num"));
        $(".slide a.current").animate({ 'top': '262px' }, 500);
        $(".slide-num").removeClass("slide-num-selected");
        $(this).addClass("slide-num-selected");
        $(".slide a").removeClass("current");
        $(".slide a[slide-id='" + slideNum + "']").animate({ 'top': '0px' }, 500).addClass("current");
        runSlide = window.setInterval("slides('forward')", 10000);
    });

    $('a.next-slide').click(function() {
        runSlide = window.clearInterval(runSlide);
        slides('forward');
        runSlide = window.setInterval("slides('forward')", 10000);
    });

    $('a.prev-slide').click(function() {
        runSlide = window.clearInterval(runSlide);
        slides('backward');
        runSlide = window.setInterval("slides('forward')", 10000);
    });

    $('a.next-frame').click(function() {
        var par = $(this).parent().attr("id");
        frames(par, "next", "-230", "230");
    });

    $('a.prev-frame').click(function() {
        var par = $(this).parent().attr("id");
        frames(par, "prev", "230", "-230");
    });

    $('input.email').click(function() {
        var value = $(this).val();
        if (value == "Email Address") $(this).val("");
    });
    $('input.email').blur(function() {
        var value = $(this).val();
        if (value == "") $(this).val("Email Address");
    });

    $('.sign-up').click(function() {
        $('#subscribeForm').submit();
    });

    $('#subscribeForm').submit(function() {

    });

});

function slides(direction) {
    var slideID = parseFloat($(".slide a.current").attr("slide-id"));
    $(".slide a.current").animate({ 'top': '262px' }, 500);
    $(".slide a[slide-id='" + slideID + "']").removeClass("current");
    var newSlide = getNewSlide(slideID, direction);
    $(".slide-num").removeClass("slide-num-selected");
    $(".slide-num[slide-num='" + newSlide + "']").addClass("slide-num-selected");
    $(".slide a[slide-id='" + newSlide + "']").animate({ 'top': '0px' }, 500).addClass("current");
}

function getNewSlide(slideID, direction) {
    slideNumLength = $(".slide-num").length;
    switch (direction) {
        case "forward":
            if (slideID != slideNumLength) newSlide = slideID + 1;
            else newSlide = 1;
            break;
        case "backward":
            if (slideID != 1) newSlide = slideID - 1;
            else newSlide = slideNumLength;
            break;
    }
    return newSlide
}



function frames(par, direction, slideCurr, slideNew) {

    
    $("#" + par + " a.current-frame").animate({ 'left': '' + slideCurr + 'px' }, 200);

    if (direction == "next") {
        if ($("#" + par + " a.current-frame").next(".frame").length == 0) {
            $("#" + par + " a.frame:first").addClass("n-frame");
        }
        else {
            $("#" + par + " a.current-frame").next(".frame").addClass("n-frame");
        }
    }
    
    if (direction == "prev") {
        if ($("#" + par + " a.current-frame").prev(".frame").length == 0) {
            $("#" + par + " a.frame:last").addClass("n-frame");
        }
        else {
            $("#" + par + " a.current-frame").prev(".frame").addClass("n-frame");
        }
    }
    
    
    $("#" + par + " a.current-frame").removeClass("current-frame");
    $("#" + par + " a.n-frame").animate({ 'left': '' + slideNew + 'px' }, 0);
    $("#" + par + " a.n-frame").animate({ 'left': '0px' }, 200, function() { }).addClass("current-frame");
    $(".current-frame").removeClass("n-frame");
}