var rotator_interval;

function theRotator() {
    //Set the opacity of all images to 0
    $('div.rotator ul li').css({
        opacity: 0.0
    });
	
    //Get the first image and display it (gets set to full opacity)
    $('div.rotator ul li:first').css({
        opacity: 1.0
    });
		
    //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	
    rotator_interval=setInterval('rotate()',5000);
	
}

function rotate() {	
    //Get the first image
    var current = ($('div.rotator ul li.show')?  $('div.rotator ul li.show') : $('div.rotator ul li:first'));

    if ( current.length == 0 ) current = $('div.rotator ul li:first');

    //Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first'));
	
    //Un-comment the 3 lines below to get the images in random order
	
    //var sibs = current.siblings();
    //var rndNum = Math.floor(Math.random() * sibs.length );
    //var next = $( sibs[ rndNum ] );
			

    //Set the fade in effect for the next image, the show class has higher z-index
    next.css({
        opacity: 0.0
    })
    .addClass('show')
    .animate({
        opacity: 1.0
    }, 1000);

    //Hide the current image
    current.animate({
        opacity: 0.0
    }, 1000)
    .removeClass('show');	
};

$(document).ready(function(){
    //Load the slideshow
    theRotator();
    $('div.rotator').fadeIn(1000);
    $('div.rotator ul li').fadeIn(1000); // tweek for IE
    
    //Initialize index menu tabs and related content
    $('#menu_1_content_1').show();
    $('#menu_1_tab_1').click(function() {
        $('#menu_1_content_2').hide();
        $('#menu_1_content_3').hide();
        $('#menu_1_content_4').hide();
        $('#menu_1_content_5').hide();
        $('#menu_1_content_1').fadeIn("slow");
        $('#menu_1_tab_1').addClass('current_tab');
        $('#menu_1_tab_2').removeClass('current_tab');
        $('#menu_1_tab_3').removeClass('current_tab');
        $('#menu_1_tab_4').removeClass('current_tab');
        $('#menu_1_tab_5').removeClass('current_tab');
    });
    $('#menu_1_tab_2').click(function() {
        $('#menu_1_content_1').hide();
        $('#menu_1_content_3').hide();
        $('#menu_1_content_4').hide();
        $('#menu_1_content_5').hide();
        $('#menu_1_content_2').fadeIn("slow");
        $('#menu_1_tab_1').removeClass('current_tab');
        $('#menu_1_tab_3').removeClass('current_tab');
        $('#menu_1_tab_4').removeClass('current_tab');
        $('#menu_1_tab_5').removeClass('current_tab');
        $('#menu_1_tab_2').addClass('current_tab');
    });
    $('#menu_1_tab_3').click(function() {
        $('#menu_1_content_1').hide();
        $('#menu_1_content_2').hide();
        $('#menu_1_content_4').hide();
        $('#menu_1_content_5').hide();
        $('#menu_1_content_3').fadeIn("slow");
        $('#menu_1_tab_1').removeClass('current_tab');
        $('#menu_1_tab_2').removeClass('current_tab');
        $('#menu_1_tab_4').removeClass('current_tab');
        $('#menu_1_tab_5').removeClass('current_tab');
        $('#menu_1_tab_3').addClass('current_tab');
    });
    $('#menu_1_tab_4').click(function() {
        $('#menu_1_content_1').hide();
        $('#menu_1_content_2').hide();
        $('#menu_1_content_3').hide();
        $('#menu_1_content_5').hide();
        $('#menu_1_content_4').fadeIn("slow");
        $('#menu_1_tab_1').removeClass('current_tab');
        $('#menu_1_tab_2').removeClass('current_tab');
        $('#menu_1_tab_3').removeClass('current_tab');
        $('#menu_1_tab_5').removeClass('current_tab');
        $('#menu_1_tab_4').addClass('current_tab');
    });
    $('#menu_1_tab_5').click(function() {
        $('#menu_1_content_1').hide();
        $('#menu_1_content_2').hide();
        $('#menu_1_content_3').hide();
        $('#menu_1_content_4').hide();
        $('#menu_1_content_5').fadeIn("slow");
        $('#menu_1_tab_1').removeClass('current_tab');
        $('#menu_1_tab_2').removeClass('current_tab');
        $('#menu_1_tab_3').removeClass('current_tab');
        $('#menu_1_tab_4').removeClass('current_tab');
        $('#menu_1_tab_5').addClass('current_tab');
    });
    
    //Initialize rotator selection
    $('#rotator_selector_1').click(function() {
        $("div").clearQueue();
        $("div").stop();
        clearInterval(rotator_interval);
        $('#li_1').addClass('show');
        $('#li_1').css({
            opacity: 1.0
        });
        $('#li_2').removeClass('show');
        $('#li_2').css({
            opacity: 0.0
        });
        $('#li_3').removeClass('show');
        $('#li_3').css({
            opacity: 0.0
        });
        $('#li_4').removeClass('show');
        $('#li_4').css({
            opacity: 0.0
        });
        rotator_interval=setInterval('rotate()',5000);
    });
    $('#rotator_selector_2').click(function() {
        $("div").clearQueue();
        $("div").stop();
        clearInterval(rotator_interval);
        $('#li_2').addClass('show');
        $('#li_2').css({
            opacity: 1.0
        });
        $('#li_1').removeClass('show');
        $('#li_1').css({
            opacity: 0.0
        });
        $('#li_3').removeClass('show');
        $('#li_3').css({
            opacity: 0.0
        });
        $('#li_4').removeClass('show');
        $('#li_4').css({
            opacity: 0.0
        });
        rotator_interval=setInterval('rotate()',5000);
    });
    $('#rotator_selector_3').click(function() {
        $("div").clearQueue();
        $("div").stop();
        clearInterval(rotator_interval);
        $('#li_3').addClass('show');
        $('#li_3').css({
            opacity: 1.0
        });
        $('#li_1').removeClass('show');
        $('#li_1').css({
            opacity: 0.0
        });
        $('#li_2').removeClass('show');
        $('#li_2').css({
            opacity: 0.0
        });
        $('#li_4').removeClass('show');
        $('#li_4').css({
            opacity: 0.0
        });
        rotator_interval=setInterval('rotate()',5000);
    });
    $('#rotator_selector_4').click(function() {
        $("div").clearQueue();
        $("div").stop();
        clearInterval(rotator_interval);
        $('#li_4').addClass('show');
        $('#li_4').css({
            opacity: 1.0
        });
        $('#li_1').removeClass('show');
        $('#li_1').css({
            opacity: 0.0
        });
        $('#li_2').removeClass('show');
        $('#li_2').css({
            opacity: 0.0
        });
        $('#li_3').removeClass('show');
        $('#li_3').css({
            opacity: 0.0
        });
        rotator_interval=setInterval('rotate()',5000);
    });
    
    //Initialize login
    $("#login_form").submit(function(){
        $("#login_status").html('<img class="spacer" style="vertical-align: middle;" src="./images/loader.gif" /><span class="blue spacer">Loading...</span>');
        $("#login_status").css('display', 'inline');
        $.post("./ajax/login.php", {
            username:$("#username").val(), 
            password:$("#password").val()
        }, function(data) {
            if(data=="valid") {
                document.location='./profile.php';
            }
            else if(data=="inactive") {
                $("#login_status").html('<span class="red">Account not activated!</span><br /><span class="blue">Click <a href="" id="activate" class="link">here</a> to receive a new activation email.</span>');
                $("#activate").click(function() {
                    $.post("resend_activation.php", {
                        username:$("#username").val(), 
                        password:$("#password").val()
                    }, function(data) {
                        if(data=="sent") {
                            $("#login_status").html('<span class="blue">Activation email sent!</span>');
                        }
                        else {
                            $("#login_status").html('<span class="red">There was an unknown error!  Please try again later.</span>');
                        }
                    });
                });
            }
            else {
                $("#login_status").html('<span class="red">Username or password incorrect!</span><br /><span class="blue">Please try again.</span>');
            }
        });
        return false;
    });
    	
    //Initialize sign up
    $("#signup_form").submit(function(){
        var gender;
        if (document.signup_form.gender[0].checked) {
            gender = 'Male';
        }
        else {
            gender = 'Female';
        }
        $.post("./ajax/signup.php", {
            username:$("#signup_username").val(),
            password:$("#signup_password").val(),
            password2:$("#signup_password2").val(),
            email:$("#signup_email").val(),
            email2:$("#signup_email2").val(),
            first_name:$("#signup_first_name").val(),
            last_name:$("#signup_last_name").val(),
            gender:gender,
            month:$("#signup_month").val(),
            day:$("#signup_day").val(),
            year:$("#signup_year").val(),
            address:$("#signup_address").val(),
            address2:$("#signup_address2").val(),
            city:$("#signup_city").val(),
            state:$("#signup_state").val(),
            zipcode:$("#signup_zipcode").val(),
            receive_offers:$("#signup_receive_offers").val(),
            accept_tos:$("#accept_tos").val()
        }, function(data) {
            if(data=="valid") {
                $(".signupform").slideToggle(1000);
                $("#signup").toggle(1000);
            }
            else if (data=="invalid") {
                $("#signup_status").html("<span class='red'>Please check your information and try again!</span>");
            }
            else {
                $("#signup_status").html("<span class='red'>You must enter all information unless otherwise marked before submitting!</span>");
            }
        });
        return false;
    });
    
    //Notify if username already in use
    $("#signup_username").blur(function() {		
        $.post("./ajax/signup.php", {
            username:$("#signup_username").val(), 
            validate_form:"username"
        }, function(data) {
            if(data=="username used") {
                $("#username_used").html("<span class='red'>Username already used!</span>");
            }
            else {
                $("#username_used").html("");
            }
        });
    });
    
    //Check for password mismatch
    $("#signup_password").blur(function() {
        var signup_password=$("#signup_password").val();
        var signup_password2=$("#signup_password2").val();
        if(signup_password!=signup_password2) {
            $("#password_status").html("<span class='red'>Passwords do not match!</span>");
        }
        else {
            $("#password_status").html("");
        }
    });
    $("#signup_password2").blur(function() {
        var signup_password=$("#signup_password").val();
        var signup_password2=$("#signup_password2").val();
        if(signup_password!=signup_password2) {
            $("#password_status").html("<span class='red'>Passwords do not match!</span>");
        }
        else {
            $("#password_status").html("");
        }
    });
    
    //Check for email mismatch
    $("#signup_email").blur(function() {
        var signup_email=$("#signup_email").val();
        var signup_email2=$("#signup_email2").val();
        if(signup_email!=signup_email2) {
            $("#email_status").html("<span class='red'>Emails do not match!</span>");
        }
        else {
            $("#email_status").html("");
            $.post("./ajax/signup.php", {
                email:$("#signup_email").val(),
                validate_form:"email"
            }, function(data) {
                if(data=="email used") {
                    $("#email_status").html("<span class='red'>Email already used!</span>");
                }
                else {
                    $("#email_status").html("");
                }
            });
        }
		
    });
    $("#signup_email2").blur(function() {
        var signup_email=$("#signup_email").val();
        var signup_email2=$("#signup_email2").val();
        if(signup_email!=signup_email2) {
            $("#email_status").html("<span class='red'>Emails do not match!</span>");
        }
        else {
            $("#email_status").html("");
            $.post("./ajax/signup.php", {
                email:$("#signup_email2").val(), 
                validate_form:"email"
            }, function(data) {
                if(data=="email used") {
                    $("#email_status").html("<span class='red'>Email already used!</span>");
                }
                else {
                    $("#email_status").html("");
                }
            });
        }
		
    });
});