var numberOfSlides = 3;

$(document).ready(function()
{
    $("#main .pp").hide();
    $("#ident1").show();
    aFunction("slide1");
    $("#slidestep div").click(function()
    {
        aFunction(this.id);
    });

    $("#next").click(function()
    {
        deinitializeSliderTimer();

        var index = $("#holder").val() % numberOfSlides + 1;
        aFunction("slide" + index);

        initializeSliderTimer();
    });

    $("#prev").click(function()
    {
        deinitializeSliderTimer();

        var index = $("#holder").val() - 1;
        if (!index)
        {
            index = numberOfSlides;
        }
        aFunction("slide" + index);

        initializeSliderTimer();
    });
});

var mytime = null;
function initializeSliderTimer()
{
    if (mytime == null)
    {
        mytime = setTimeout('automaticSlide()', 10000);
    }
}

function deinitializeSliderTimer()
{
    if (mytime != null)
    {
        clearTimeout(mytime);
        mytime = null;
    }
}

function automaticSlide()
{
    deinitializeSliderTimer();

    var index = $("#holder").val() % numberOfSlides + 1;
    aFunction("slide" + index);

    initializeSliderTimer();
}

function mouseEnterMain()
{
    deinitializeSliderTimer()
}

function mouseExitMain()
{
    initializeSliderTimer();
}

function aFunction(val)
{
    var ident = val;
    var ns = ident.replace("slide", "");

    // set the default images
    $("#slide1").css('backgroundPosition', '-273px -294px');
    $("#slide2").css('backgroundPosition', '-299px -294px');
    $("#slide3").css('backgroundPosition', '-325px -294px');

    var offset = "0";
    switch (ns)
    {
        case "1":
            offset = "-169px";
            break;
        case "2":
            offset = "-195px";
            break;
        case "3":
            offset = "-221px";
            break;
    }
    $("#slide" + ns).css('backgroundPosition', offset + ' -294px');

    for (i = 0; i <= numberOfSlides; i++)
    {
        if (i != ns)
        {
            $("#ident" + i).hide("slow");
        }
        else
        {
            $("#ident" + ns).slideDown("slow");
        }
    }

    $("#holder").val(ns);
}

function getPrefID()
{
    return $("#prefID").val();
}