/// <reference path="./JQuery/jquery-1.4.1.min.js"/>

$(document).ready(function () {
    $("#CloudScroller").hide();
});

$(window).load(function () {
    $("#CloudScroller").show();
    scrollLeft($(".ScrollerContent"), 25000, $(".ScrollerContent").width());

    $(".FloatingElement").floatingElement({
        "distance": 4,
        "duration": 800
    });

    $(".Balloon").floatingElement({
        "distance": 10
    });
});

function scrollLeft(element, duration, elementWidth) {
    var documentWidth = $(document).width();
    element.css("left", documentWidth);

    element.animate({ left: -elementWidth }, duration, "linear", function () {
        scrollLeft(element, duration, elementWidth);
    });
}