// JavaScript Document
var enumImageNames = {
                        One:1,
                        Two:2,
                        Three:3
                     };

var carousel =
{
    iTotalImagesForTransition:3,
    iCurrentActiveImage:enumImageNames.One,
    iNextImageDivName:function() {
        var iCurrentActiveImage = (this.iCurrentActiveImage + 1);
        if (parseInt(iCurrentActiveImage) > parseInt(this.iTotalImagesForTransition)) iCurrentActiveImage = 1;
        
        return this.getImageDivName(iCurrentActiveImage);
    },
    setActiveCarouselButton:function(strCarouselButtonClicked) {
        jQuery("#carouselButton" + this.getImageDivName(this.iCurrentActiveImage)).removeClass("carouselButtonActive");
        jQuery("#carouselButton" + strCarouselButtonClicked).addClass("carouselButtonActive");
        eval("this.iCurrentActiveImage=enumImageNames." + strCarouselButtonClicked);
    },
    getImageDivName:function(piImageDivNo) {
        var strReturnValue = '';
        switch(piImageDivNo) {
            case enumImageNames.One:
                strReturnValue = 'One';
                break;
            case enumImageNames.Two:
                strReturnValue = 'Two';
                break;
            case enumImageNames.Three:
                strReturnValue = 'Three';
                break;            
        }
        
        return strReturnValue;
    },
    imageFadeFunctionChoice:function() {
        eval("carousel.image" + carousel.iNextImageDivName() + "Fade();");
    },
    imageOneFade:function() {
        carousel.setActiveCarouselButton("One");
        if (document.getElementById("one").style.display !== "block")
            carousel.allImageFade();
        
        jQuery('#backgroundImage div.one').fadeIn(1000);
        jQuery('#one').delay('200').fadeIn(1000, function() { 
            setTimeout("jQuery('#backgroundImage div.one, #one').fadeOut(1000);carousel.imageFadeFunctionChoice();",7000);
        });
    },
    imageTwoFade:function() {
        carousel.setActiveCarouselButton("Two");
        carousel.allImageFade();
        jQuery('#backgroundImage div.two').fadeIn(1000);
        jQuery('#two').delay('200').fadeIn(1000, function() { 
            setTimeout("jQuery('#backgroundImage div.two, #two').fadeOut(1000);carousel.imageFadeFunctionChoice();",7000);
        });
    },
    imageThreeFade:function() {
        carousel.setActiveCarouselButton("Three");
        carousel.allImageFade();
        jQuery('#backgroundImage div.three').fadeIn(1000);
        jQuery('#three').delay('200').fadeIn(1000, function(){ 
            setTimeout("jQuery('#backgroundImage div.three, #three').fadeOut(1000);carousel.imageFadeFunctionChoice();",7000); 
        });
    },
    
    allImageFade:function() {
        for (var iCtr=1; iCtr <= this.iTotalImagesForTransition; iCtr++) {
            var strDivName = this.getImageDivName(iCtr).toLowerCase();
            
            if (document.getElementById(strDivName).style.display === "block") {
                jQuery('#backgroundImage div.' + strDivName).fadeOut(1000);
                jQuery('#' + strDivName).fadeOut(500);
            }
        }
    },
    setCurrentActiveImage:function(piImageDivNo) {
        this.iCurrentActiveImage = piImageDivNo;
    }
};



/* Wordpress hack */
jQuery(document).ready(function($) {
    $("#backgroundImage div.one, #backgroundImage div.two, #backgroundImage div.three").hide();
    $("#one, #two, #three").hide();
    $("#backgroundImage div.one, #one").fadeIn("slow"); 
    
    //Begin the front screen image Carousel auto-cycle
    carousel.imageOneFade();
    
    
    
    
    //Event handler code for the Carousel buttons
    $("#carouselButtonOne").click(function() {
        carousel.setActiveCarouselButton("One");
        carousel.setCurrentActiveImage(1);
        carousel.allImageFade();
        $("#backgroundImage div.one").fadeIn(1000);
        $("#one").delay('200').fadeIn(1000);
    });
    
    $("#carouselButtonTwo").click(function() {
        carousel.setActiveCarouselButton("Two");
        carousel.setCurrentActiveImage(2);
        carousel.allImageFade();
        $("#backgroundImage div.two").fadeIn(1000);
        $("#two").delay('200').fadeIn(1000);
    });
    
    $("#carouselButtonThree").click(function() {
        carousel.setActiveCarouselButton("Three");
        carousel.setCurrentActiveImage(3);
        carousel.allImageFade();
        $("#backgroundImage div.three").fadeIn(1000);
        $("#three").delay('200').fadeIn(1000);
    });
    
  
});