/// <reference path="jquery-1.3.2-vsdoc2.js" />


$(function () {

    var timer = 20000;
    $(".onoff").hover(function () {
        this.src = this.src.replace("_off", "_on");
        $(this).css("cursor", "pointer");
    }, function () {
        this.src = this.src.replace("_on", "_off");
    });

    var slidedescription = new Array();

    if ($("#ulimagecontainer li").length == 1) {
        $("#slidenavigation").css("display", "none");
    }

    $("#texttodisplay").html("1 out of " + $("#ulimagecontainer li").length);

    var animating = "no";
    var listcount = ($("#ulimagecontainer li").length) * 597;
    $("#container_slide").css("width", listcount + "px");

    var playslide = function playslide() {
        var getleft = Math.round($("#container_slide").css("left").replace("px", ""));
        if (getleft == 0) {
            slide2();
        }
        if (getleft == -581) {
            slide3();
        }
        if (getleft == -1162) {
            slide1();
        }
    }

    var playshow = setInterval(playslide, timer);


    $("#slide1").click(function () {
        slide1();
    });

    function slide1() {


        $(".navItem").each(function () {
            $(this).removeClass("navSelected");
        });
        $("#slide1").addClass("navSelected");

        $("#number1").removeClass("numberSelected");
        $("#number2").removeClass("numberSelected");
        $("#number3").removeClass("numberSelected");

        $("#number1").addClass("numberSelected");


        if (animating == "no") {
            clearInterval(playshow);
            playshow = setInterval(playslide, timer);
            animating = "yes";
            var setleft = 0;  //new

            $("#container_slide").stop().animate({
                opacity: 0,
                "left": setleft + "px"
            }, 800, function () {
                $(this).animate({
                    opacity: 1
                }, 800);
                animating = "no";
            });
        };
    }



    $("#slide2").click(function () {
        slide2();
    });

    function slide2() {


        $(".navItem").each(function () {
            $(this).removeClass("navSelected");
        });
        $("#slide2").addClass("navSelected");

        $("#number1").removeClass("numberSelected");
        $("#number2").removeClass("numberSelected");
        $("#number3").removeClass("numberSelected");

        $("#number2").addClass("numberSelected");

        if (animating == "no") {
            clearInterval(playshow);
            playshow = setInterval(playslide, timer);
            animating = "yes";
            setleft = -581;  //new

            $("#container_slide").stop().animate({
                opacity: 0,
                "left": setleft + "px"
            }, 800, function () {
                $(this).animate({
                    opacity: 1
                }, 800);
                animating = "no";
            });
        };
    }

    $("#slide3").click(function () {
        slide3();
    });

    function slide3() {

        $(".navItem").each(function () {
            $(this).removeClass("navSelected");
        });
        $("#slide3").addClass("navSelected");


        $("#number1").removeClass("numberSelected");
        $("#number2").removeClass("numberSelected");
        $("#number3").removeClass("numberSelected");

        $("#number3").addClass("numberSelected");

        if (animating == "no") {
            clearInterval(playshow);
            playshow = setInterval(playslide, timer);
            animating = "yes";
            setleft = -1162;  //new

            $("#container_slide").stop().animate({
                opacity: 0,
                "left": setleft + "px"
            }, 800, function () {
                $(this).animate({
                    opacity: 1
                }, 800);
                animating = "no";
            });
        };
    }


    $(".navItem").hover(function () {
        $(this).css("cursor", "pointer");
    });

    $(".navItem").click(function () {
        $(".navItem").each(function () {
            $(this).removeClass("navSelected");
        });
        $(this).addClass("navSelected");
    });


});