/// <reference path="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1-vsdoc.js" />

$(document).ready(function () {
    // setting the slider is deferred until the DOM is fully loaded.  we want.
    // slider images show in normal formation.  we dont.
    // slide is set invisible (as to still fill the space).  but made visible once DOM is loaded.
    $(".ImageSlider").removeClass("invis");

    $(".ImageSlider").hrzAccordion({
        containerClass: "container3",
        listItemClass: "listItem3",
        contentWrapper: "contentWrapper3",
        contentInnerWrapper: "contentInnerWrapper3",
        handleClass: "handle3",
        handleClassOver: "handleOver3",
        handleClassSelected: "handleSelected3",
        openOnLoad: 1
    });
    $(".rotator").click(function () {
        //iterate all images and set to off
        $(".rotator").each(function () {
            $(this).attr("src", $(this).attr("src").replace("_on", "_off"));
        });
        // set current image to on
        $(this).attr("src", $(this).attr("src").replace("_off", "_on"));
    });
});