function autoScroller(contentDiv, speed)
{
    contentDiv = "#"+contentDiv;
    var scrollSpeed = (speed == null) ? 5 : parseInt(speed);
    
    // set contentDiv style
    $(contentDiv).css({position:'absolute',top:300});
    // get contentDiv height
    contentDivHeight = $(contentDiv).height();
    
   // call periodical
    $(contentDiv).everyTime(100, function(i) {

        if (parseInt($(this).css('top')) > (contentDivHeight * (-1) + 8)) {
            // move scroller upwards
            offset = parseInt($(this).css('top')) - scrollSpeed + "px";
            $(this).css({ 'top': offset });
        }
        // reset to original position
        else {
            // reset to original position
            offset = parseInt($(this).parent().height()) + 8 + "px";
            $(this).css({ 'top': offset });
        }
    });
    
    // on mouse over event, pause the scroller
    $(contentDiv).mouseover(function ()
    {
        speed = scrollSpeed;
        scrollSpeed = 0;       
    });
    
    // on mouse out event, start the scroller
    $(contentDiv).mouseout(function ()
    {
        scrollSpeed = speed;
    });

    $("#StopMarquee").click(function() {

        scrollSpeed = 0;

    });

    $("#StartMarquee").click(function() {

        scrollSpeed = 3;

    });

};