// Page Onload
var carouselStartItemNumber = 0;

$(document).ready(function() {
    //////////////////////
    // Carousel         //
    //////////////////////
    $.scrollTo.defaults.axis = 'x';
    $('#carousel').scrollTo(0);

    if (carouselStartItemNumber != 0)goToCarouselItemNumber(carouselStartItemNumber, 0);

    // Carousel Menu
    $("#tour .menu a").click(function() {
        $("#tour .menu a.selected").removeClass("selected");
        $(this).addClass("selected");
        $(this).blur();
        goToCarouselItemNumber($(this).attr("rel"), 300);
        return false;
    });

    //////////////////////
    // Screenshots
    //////////////////////
    $("body").append('<div id="sstooltip"><div class="text">Test Text</div><div class="end">&nbsp;</div></div>');
    $("#screenshots a").mouseover(function() {
        $("#sstooltip").css('top', -10000);
        $("#sstooltip .text").html($(this).attr('title').replace(/\s+/g, '&nbsp;'));
        $("#sstooltip").width($("#sstooltip .text").width() + 20 + 33);
        var ssOff = $(this).offset();
        var topOff = ssOff.top + (($(this).height() / 2) - ($("#sstooltip").height() / 2)) + 5;
        var leftOff = ssOff.left - $("#sstooltip").width();
        $("#sstooltip").css('top', topOff);
        $("#sstooltip").css('left', leftOff);
    });
    $("#screenshots a").mouseout(function() {
        $("#sstooltip").css('top', -10000);
    });

});


function goToCarouselItemNumber(number, millisecs)
{
    var goToFeature = $('#carousel .feature.' + number);
    $('#carousel').stop().scrollTo(goToFeature, millisecs);
}

function goToCarouselTallItemNumber(number, millisecs)
{
    var goToFeature = $('#carouselTall .feature.' + number);
    $('#carouselTall').stop().scrollTo(goToFeature, millisecs);
}