function autoScroller(contentDiv, speed)	{

	contentDiv = "#" + contentDiv;
	var scrollSpeed = (speed==null) ? 5 : parseInt(speed) ;
	 
		// double make sure the container (then the 'contentDiv' parent)
		//      has the correct css position and overflow property
    $(contentDiv).parent().css({position:'relative', overflow:'hidden'});    
    // set contentDiv style
    $(contentDiv).css({position:'relative', left:$(contentDiv).parent().width()}) ;
    // get contentDiv width
   contentDivWidth = $(contentDiv).width();

   // call periodical
   $(contentDiv).everyTime(100, function(i){
        if (parseInt($(this).css('left')) > (contentDivWidth * (-0.5)))	{

            // move scroller leftwards
            offset = parseInt($(this).css('left')) - scrollSpeed ;
						$(this).css({'left':offset}) ;
        } else	{
            // reset to original position
            offset = contentDivWidth ;
            $(this).css({'left':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;
    });
}