$(document).ready(function(){
    
    // Declare variables
    var currentHomepageCarouselPanel=1;
    var homepageCarouselPanelRotatorOn=1;
    
    // If the user's browser has JavaScript enabled, show the carousel navigation
    $("#homepage-carousel-navigation").css("visibility", "visible");
    $("li#homepage-carousel-navigation-one").css("background-position", "0px -44px");

    // Click functions for homepage-carousel-navigation
    $("li#homepage-carousel-navigation-one").click(function(){
        $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
        $("#homepage-carousel-panel-one").addClass("homepage-carousel-panel-visible");
        $("li#homepage-carousel-navigation-one").css("background-position", "0px -44px");
        $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
        $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
        $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
        $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
        homepageCarouselPanelRotatorOn=0;
    });
    $("li#homepage-carousel-navigation-two").click(function(){
        $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
        $("#homepage-carousel-panel-two").addClass("homepage-carousel-panel-visible");
        $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
        $("li#homepage-carousel-navigation-two").css("background-position", "-30px -44px");
        $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
        $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
        $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
        homepageCarouselPanelRotatorOn=0;
    });
    $("li#homepage-carousel-navigation-three").click(function(){
        $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
        $("#homepage-carousel-panel-three").addClass("homepage-carousel-panel-visible");
        $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
        $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
        $("li#homepage-carousel-navigation-three").css("background-position", "-60px -44px");
        $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
        $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
        homepageCarouselPanelRotatorOn=0;
    });
    $("li#homepage-carousel-navigation-four").click(function(){
        $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
        $("#homepage-carousel-panel-four").addClass("homepage-carousel-panel-visible");
        $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
        $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
        $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
        $("li#homepage-carousel-navigation-four").css("background-position", "-90px -44px");
        $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
        homepageCarouselPanelRotatorOn=0;
    });
    $("li#homepage-carousel-navigation-five").click(function(){
        $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
        $("#homepage-carousel-panel-five").addClass("homepage-carousel-panel-visible");
        $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
        $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
        $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
        $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
        $("li#homepage-carousel-navigation-five").css("background-position", "-120px -44px");
        homepageCarouselPanelRotatorOn=0;
    });
    
    // Carousel rotation function
    function homepageCarouselPanelRotator(){
        if(homepageCarouselPanelRotatorOn==1){
            if(currentHomepageCarouselPanel==1){
                $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
                $("#homepage-carousel-panel-two").addClass("homepage-carousel-panel-visible");
                $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
                $("li#homepage-carousel-navigation-two").css("background-position", "-30px -44px");
                $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
                $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
                $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
                currentHomepageCarouselPanel=2;
            } else if(currentHomepageCarouselPanel==2){
                $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
                $("#homepage-carousel-panel-three").addClass("homepage-carousel-panel-visible");
                $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
                $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
                $("li#homepage-carousel-navigation-three").css("background-position", "-60px -44px");
                $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
                $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
                currentHomepageCarouselPanel=3;
            } else if(currentHomepageCarouselPanel==3){
                $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
                $("#homepage-carousel-panel-four").addClass("homepage-carousel-panel-visible");
                $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
                $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
                $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
                $("li#homepage-carousel-navigation-four").css("background-position", "-90px -44px");
                $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
                currentHomepageCarouselPanel=4;
            } else if(currentHomepageCarouselPanel==4){
                $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
                $("#homepage-carousel-panel-five").addClass("homepage-carousel-panel-visible");
                $("li#homepage-carousel-navigation-one").css("background-position", "0px 0px");
                $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
                $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
                $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
                $("li#homepage-carousel-navigation-five").css("background-position", "-120px -44px");
                currentHomepageCarouselPanel=5;
            } else if(currentHomepageCarouselPanel==5){
                $(".homepage-carousel-panel").removeClass("homepage-carousel-panel-visible");
                $("#homepage-carousel-panel-one").addClass("homepage-carousel-panel-visible");
                $("li#homepage-carousel-navigation-one").css("background-position", "0px -44px");
                $("li#homepage-carousel-navigation-two").css("background-position", "-30px 0px");
                $("li#homepage-carousel-navigation-three").css("background-position", "-60px 0px");
                $("li#homepage-carousel-navigation-four").css("background-position", "-90px 0px");
                $("li#homepage-carousel-navigation-five").css("background-position", "-120px 0px");
                currentHomepageCarouselPanel=1;
            }
        }
    }
    setInterval(homepageCarouselPanelRotator, 5000);
});