var SlideVisible = 1;
var MaxSlides = 5;
// var timer = 0;
var timer = window.setInterval("MoveSlidesRight();", 3000);
function PlayButtonClick() {
    //            alert("PlayButtonClick()");
    //            $find("RightAE").get_OnClickBehavior().play();
    if (timer == 0) {
        $get(GetClientId('PlayButton')).value = 'Stop Slides';
        timer = window.setInterval("MoveSlidesRight();", 3000);
    }
    else {
        $get(GetClientId('PlayButton')).value = 'Run Slides';
        window.clearInterval(timer);
        timer = 0;
    }
}
function RightButtonClick() {
    if (timer != 0) {
        $get(GetClientId('PlayButton')).value = 'Run Slides';
        window.clearInterval(timer);
        timer = 0;
    }
    else {
        MoveSlidesRight();
    }
}
function MoveSlidesRight() {
    var slideA = 'Slide' + SlideVisible.toString() + 'Div';
    var index = SlideVisible + 1;
    if (index > MaxSlides) index = 1;
    var slideB = 'Slide' + index.toString() + 'Div';
    var animation = 'Right' + SlideVisible.toString() + index.toString();
    $get(GetClientId(slideA)).style.left = 0 + 'px';
    $get(GetClientId(slideB)).style.left = -750 + 'px';
    $find(animation).get_OnClickBehavior().play();

    var iconASelected = 'IconSlide' + SlideVisible.toString() + 'ButtonSelected';
    var iconA = 'IconSlide' + SlideVisible.toString() + 'Button';

    var iconBSelected = 'IconSlide' + index.toString() + 'ButtonSelected';
    var iconB = 'IconSlide' + index.toString() + 'Button';

    $get(GetClientId(iconASelected)).style.width = "0px";
    $get(GetClientId(iconASelected)).style.height = "0px";
    $get(GetClientId(iconA)).style.width = "75px";
    $get(GetClientId(iconA)).style.height = "30px";



    $get(GetClientId(iconBSelected)).style.width = "75px";
    $get(GetClientId(iconBSelected)).style.height = "30px";
    $get(GetClientId(iconB)).style.width = "0px";
    $get(GetClientId(iconB)).style.height = "0px";



    SlideVisible++;
    if (SlideVisible > MaxSlides) SlideVisible = 1;
}
function LeftButtonClick() {
    if (timer != 0) {
        $get(GetClientId('PlayButton')).value = 'Run Slides';
        window.clearInterval(timer);
        timer = 0;
        return;
    }
    var slideA = 'Slide' + SlideVisible.toString() + 'Div';
    var index = SlideVisible - 1;
    if (index < 1) index = MaxSlides;
    var slideB = 'Slide' + index.toString() + 'Div';
    var animation = 'Left' + SlideVisible.toString() + index.toString();
    $get(GetClientId(slideA)).style.left = 0 + 'px';
    $get(GetClientId(slideB)).style.left = 750 + 'px';
    $find(animation).get_OnClickBehavior().play();

    var iconASelected = 'IconSlide' + SlideVisible.toString() + 'ButtonSelected';
    var iconA = 'IconSlide' + SlideVisible.toString() + 'Button';

    var iconBSelected = 'IconSlide' + index.toString() + 'ButtonSelected';
    var iconB = 'IconSlide' + index.toString() + 'Button';

    $get(GetClientId(iconASelected)).style.width = "0px";
    $get(GetClientId(iconASelected)).style.height = "0px";
    $get(GetClientId(iconA)).style.width = "75px";
    $get(GetClientId(iconA)).style.height = "30px";

    $get(GetClientId(iconBSelected)).style.width = "75px";
    $get(GetClientId(iconBSelected)).style.height = "30px";
    $get(GetClientId(iconB)).style.width = "0px";
    $get(GetClientId(iconB)).style.height = "0px";

    SlideVisible--;
    if (SlideVisible < 1) SlideVisible = MaxSlides;
}
function IconSlide1Click(index) {
    if (timer != 0) {
        $get(GetClientId('PlayButton')).value = 'Run Slides';
        window.clearInterval(timer);
        timer = 0;
    }
    if (index == 'selected') return;

    //            alert("IconSlide1Click() " + index );

    var slideA = 'Slide' + SlideVisible.toString() + 'Div';
    var slideB = 'Slide' + index.toString() + 'Div';
    //            var animation = 'Right' + SlideVisible.toString() + index.toString();
    $get(GetClientId(slideA)).style.left = '-750px';
    $get(GetClientId(slideB)).style.left = '0px';

    var iconASelected = 'IconSlide' + SlideVisible.toString() + 'ButtonSelected';
    var iconA = 'IconSlide' + SlideVisible.toString() + 'Button';

    SlideVisible = index.valueOf();

    var iconBSelected = 'IconSlide' + SlideVisible.toString() + 'ButtonSelected';
    var iconB = 'IconSlide' + SlideVisible.toString() + 'Button';

    $get(GetClientId(iconASelected)).style.width = "0px";
    $get(GetClientId(iconASelected)).style.height = "0px";
    $get(GetClientId(iconA)).style.width = "75px";
    $get(GetClientId(iconA)).style.height = "30px";

    $get(GetClientId(iconBSelected)).style.width = "75px";
    $get(GetClientId(iconBSelected)).style.height = "30px";
    $get(GetClientId(iconB)).style.width = "0px";
    $get(GetClientId(iconB)).style.height = "0px";

}