var slideCount = 0;
var slidePos = 1;

$(document).ready(function() {
    buildButtonRow();
    slideMode();
    $("#richSlidesButton").live("click", togglePrintMode);
    $("#printSlidesButton").live("click", togglePrintMode);
    bindDemoButtons();
});


function buildButtonRow() {
    $.each($(".slide"), function(i, value) {
        slideCount++;
        $(".buttons").append("<img src=\"images/slides/GreyBall.png\" id=\"slideButton" + slideCount + "\" class=\"slideButtonImage\" />");
        $("#slideButton" + slideCount).live("click", function() {
            buttonClick(this.id.substring(11));
        });
    });
}

function slideMode() {
    $("#richSlidesButton").hide();
    $("#printSlidesButton").show();
    $("#stylesheet").attr("href", "style/main.css");

    $(document).bind("keypress", function(e) {
        var originalSlidePos = slidePos;
        if (e.which == 61) {
            slidePos++;
        }
        if (e.which == 45) {
            slidePos--;
        }
        if (slidePos > slideCount) {
            slidePos = 1;
        }
        if (slidePos <= 0) {
            slidePos = slideCount;
        }
        if (slidePos != originalSlidePos) {
            showSlide(slidePos);
        }
    });

    $.each($(".slideButtonImage"), function(i, value) {
        $(value).show();
    });

    showSlide(slidePos);
}

function buttonClick(id) {
    slidePos = id;
    showSlide(id);
}

function hideAllSlides() {
    $.each($(".slide"), function(i, value) {
        $(value).hide();
    });
}

function showSlide(index) {
    if (index > slideCount) {
        index = 1;
    }
    hideAllSlides();
    $(".slideButtonImage").attr("src", "images/slides/GreyBall.png");
    $("#slideButton" + index).attr("src", "images/slides/BlueBall.png");
    $("#slide" + index).show();
}

function bindDemoButtons() {
    $.each($("span"), function(i, value) {
        var id = $(value).attr("id");
        if (id.indexOf("CodeView", 1) > 0) {
            $("#" + id.substring(0, id.length - 4)).dialog({
                autoOpen: false,
                bgiframe: true,
                modal: true,
                width: 800,
                height: 500,
                title: "Demo Code"
            });

            $(value).click(function() {
                $("#" + id.substring(0, id.length - 4)).dialog('open');
            });
        }
    });
}