function imageSlider(e) {

    var buttonId = ""; 

    if (e.id == undefined) {
        buttonId = e;                
    }
    else {
        buttonId = e.id.toString();                  
    }        

    /*
        check to see if the image is visible
        if not, then hide the currently displayed image
        then show the desired image
        After the image is displayed, set the
        states for the 3 buttons
    */
    switch (buttonId) {
        case "Button1":
            if (!$("#heroImage1").is(":visible")) {
                        
                hideCurrentImage();

                $("#heroImage1").fadeIn("slow");
                $("#heroImage1").toggleClass("unhidden");

                //enable button1
                setButtonActive("Button1");

                //disable button2
                setButtonInactive("Button2");

                //disable button3
                setButtonInactive("Button3");
            }
            break;

        case "Button2":
            if (!$("#heroImage2").is(":visible")) {
                        
                hideCurrentImage();
                                                
                $("#heroImage2").fadeIn("slow");
                $("#heroImage2").toggleClass("unhidden");

                //enable button2
                setButtonActive("Button2");

                //disable button1
                setButtonInactive("Button1");

                //disable button3
                setButtonInactive("Button3");
            }
            break;

        case "Button3":
            if (!$("#heroImage3").is(":visible")) {

                hideCurrentImage();

                $("#heroImage3").fadeIn("slow");
                $("#heroImage3").toggleClass("unhidden");

                //enable button3
                setButtonActive("Button3");

                //disable button1
                setButtonInactive("Button1");

                //disable button2
                setButtonInactive("Button2");
            }
            break;
    }

}

/*
    Check to see which image is visible 
    If an image is visible, then fade it out
*/
function hideCurrentImage() {

    var currentImage = "";                        
    var x = $.find("#heroImage a img:visible"); //find the currently visible img element within the content div 
    var currentImage = $(x).attr("id"); //get the id of the currently visible element
    var imageToFade = "#" + currentImage;            

    $(imageToFade).fadeOut("slow");

}

/*
    function to set a button to the "active" 
    "checked" or "blue" state
*/
function setButtonActive(buttonId) {

    var itemId = buttonId;

    $("#" + itemId + " img:nth-child(2)").hide();
}

/*
    function to set a button to the "inactive" 
    "unchecked" or "clear" state
*/
function setButtonInactive(buttonId) {

    var itemId = buttonId;

    $("#" + itemId + " img:nth-child(2)").show();

}

 
             
function animation_init() {
                   
    var slideShowPauseTime = 6000;
    var elements = 0;
    var wait = 0;                      

    //determine how many images are present in the specified div
    //elements = $("#heroImage").children("a"); //doesn't work in Sitefinity
    //elements = $("#heroImage").contents("a"); //doesn't work in Sitefinity
    elements = $("#heroImage").find("a");


    //pause on the current hero image if mouseover
    for (var i = 0; i < elements.length; i++) 
    {
        elements[i].onmouseover = function () {
            clearTimeout(wait);                    
        }
        elements[i].onmouseout = function () {
            clearTimeout(wait);
            wait = setTimeout("nextImage()", slideShowPauseTime);
        }
    }

    wait = setTimeout("nextImage()", slideShowPauseTime);           
}

//determine which image should be displayed next
function nextImage() {            
    if ($("#heroImage1").is(":visible")) {
        imageSlider("Button2");
    }
    else if ($("#heroImage2").is(":visible")) {
        imageSlider("Button3");
    }
    else if ($("#heroImage3").is(":visible")) {
        imageSlider("Button1");
    }

    animation_init();
}
   
function setMousePointer() {
    $("#navButtons div").css("cursor", "pointer");
}

function showRolloverImage(elementID) {

    var elemId = "";

    if (elementID.id == undefined) {
        elemId = elementID;
    }
    else {
        elemId = elementID.id.toString();
    }

    var defaultImage = elemId;   //elementID.id.toString(); //the name of the image 
    var rolloverImage = defaultImage + "_rollover"; //the name of the rollover image
    var fadeOutElementId = $("#" + defaultImage); //the id of the element we're going to modify
    var fadeInElementId = $("#" + rolloverImage); //the id of the element we're going to modify

    fadeOutElementId.toggleClass("hidden", "unhidden");
    fadeInElementId.fadeIn("slow");     
}

function showDefaultImage(elementID) {

    var elemId = "";

    if (elementID.id == undefined) {
        elemId = elementID;
    }
    else {
        elemId = elementID.id.toString();
    }

    var rolloverImage = elemId; //elementID.id.toString(); //the name of the image
    var splitChar = "_";   
    var splitIndex = rolloverImage.lastIndexOf(splitChar);
    var defaultImage = rolloverImage.substring(0, splitIndex);       
     
    var fadeOutElementId = $("#" + rolloverImage); //the id of the element we're going to modify
    var fadeInElementId = $("#" + defaultImage); //the id of the element we're going to modify

    fadeOutElementId.toggleClass("unhidden", "hidden");
    fadeOutElementId.fadeOut("slow");
}

function animateBucket(elementID) {
    var divId = elementID.id.toString();

    $("#" + divId).addClass("animatedBucket");
    $("#" + divId).children(".bucketTitle").addClass("highlightTitle");      
}

function defaultBucket(elementID) {
    var divId = elementID.id.toString();
    $("#" + divId).removeClass("animatedBucket", 600);
    $("#" + divId).children(".bucketTitle").removeClass("highlightTitle", 600);
}

function showImageRollover(elementID) {

//    var elemId = "";

//    if (elementID.id == undefined) {
//        elemId = elementID;
//    }
//    else {
//        elemId = elementID.id.toString();
//    }

    var defaultImage = elemId;  //elementID.id.toString(); //the name of the image
    var rolloverImage = defaultImage + "_rollover"; //the name of the rollover image
    var elementId = $("#" + defaultImage); //the id of the element we're going to modify    
    var path = $("#" + defaultImage).attr("src"); //full src path to the image including image name
    var splitChar = "/";
    var splitIndex = path.lastIndexOf(splitChar);
    var imagePath = path.substring(0, splitIndex); //just the path to the image   
    elementId.attr("src", imagePath + "/" + rolloverImage + ".png");
    //elemId.attr("src", imagePath + "/" + rolloverImage + ".png");
}

function showImageDefault(elementID) {

//    var elemId = "";

//    if (elementID.id == undefined) {
//        elemId = elementID;
//    }
//    else {
//        elemId = elementID.id.toString();
//    }

    var defaultImage = elemId; //elementID.id.toString(); //the name of the image
    var elementId = $("#" + defaultImage); //the id of the element we're going to modify
    var path = $("#" + defaultImage).attr("src"); //full src path to the image including image name
    var splitChar = "/";
    var splitIndex = path.lastIndexOf(splitChar);
    var imagePath = path.substring(0, splitIndex); //just the path to the image    
    elementId.attr("src", imagePath + "/" + defaultImage + ".png");
    //elemId.attr("src", imagePath + "/" + defaultImage + ".png");
}

function showImageRolloverServer(elementID) {

    var elemId = "";  
    
    if (elementID.id == undefined) {
        elemId = elementID;        
    }
    else {
        elemId = elementID.id.toString();
    }   

    var splitChar = "_";
    var splitIndex = elemId.lastIndexOf(splitChar);
    var imageName = elemId.substring(splitIndex + 1); //the name of the image
    var defaultImage = imageName;   
    var rolloverImage = defaultImage + "_rollover"; //the name of the rollover image 
    var elementId = $("#" + elemId); //the id of the element we're going to modify       
    splitChar = "/";
    splitIndex = elementId.attr('src').lastIndexOf(splitChar);
    var imagePath = elementId.attr('src').substring(0, splitIndex); //just the path to the image    
    elementId.attr("src", imagePath + "/" + rolloverImage + ".png");
}

function showImageDefaultServer(elementID) {

    var elemId = "";    

    if (elementID.id == undefined) {
        elemId = elementID;        
    }
    else {
        elemId = elementID.id.toString();
    }    

    var splitChar = "_";
    var splitIndex = elemId.lastIndexOf(splitChar);
    var imageName = elemId.substring(splitIndex + 1); //the name of the image
    var defaultImage = imageName;  
    var elementId = $("#" + elemId); //the id of the element we're going to modify       
    splitChar = "/";
    splitIndex = elementId.attr('src').lastIndexOf(splitChar);
    var imagePath = elementId.attr('src').substring(0, splitIndex); //just the path to the image 
    elementId.attr("src", imagePath + "/" + defaultImage + ".png");
}

function playVideo(element, container, dWidth, dHeight, video, autoPlayValue) {

    // Initialize variables
    var vpWidth = 0;
    var vpHeight = 0;
    var divWidth = 0;
    var divHeight = 0;
    var dialogTop = 0;
    var dialogLeft = 0;
    var valTop = "";
    var valLeft = "";
    var el = element;
    var c = container;
    var videoUrl = "";
    var autoPlay = "";

    // get the dimensions of the viewport
    vpWidth = $(window).width();
    vpHeight = $(window).height();    

    // set the dimensions of the window container for 
    // the flash video
    divWidth = dWidth;
    divHeight = dHeight;

    //calculate position in the viewport
    dialogTop = parseInt((vpHeight / 2) - (divHeight / 2)) + window.pageYOffset;
    dialogLeft = parseInt((vpWidth / 2) - (divWidth / 2));

    // show the containing div
    $("#" + el).removeClass("hidden");
    $("#" + el).fadeIn();

    // position the div
    valTop = dialogTop + "px";
    valLeft = dialogLeft + "px";
    $("#" + el).css("top", valTop);
    $("#" + el).css("left", valLeft);

    // show the dimmed background
    $("#dim").fadeIn();

    // script for the video player
    // it will be looking for a div on the master
    // page named "container1"
    videoUrl = video;
    autoPlay = autoPlayValue;
    jwplayer('container1').setup({
        'flashplayer': '/Files/jwPlayer/player.swf',                       
        'width': '640',
        'height': '480',
        'autoplay': autoPlay, 
        'controlbar': 'over',
        'controlbar.idlehide': 'true',        
        'file': videoUrl
    });

    // start the jwplayer            
    jwplayer(el).play();

    return false;
}

// close the lightbox
function closeLightbox(element, container) {
    var el = element;
    var c = container;

    $("#dim").fadeOut();
    jwplayer(c).stop();
    $("#" + el).fadeOut("slow");
    $("#" + el).addClass("hidden");

    return false;
}

function clickableDiv() {
    $(".clickableDiv").click(function () {
        var dest = $(this).find("a").attr("href");
        var targ = $(this).find("a").attr("target");
        window.open(dest, targ);
        return false;
    });
}

function doCalendarPopup() {
    $('.datePicker').datepicker();  
}