var J = jQuery.noConflict(); 

function autoScroller(contentDiv, speed, height, passage)
{
    contentDiv = "#"+contentDiv;
    var scrollSpeed = (speed==null) ? 5 : parseInt(speed);
    var cpt = 0;
	var passages = passage;
	vitesse = speed;
    // double make sure the autoScroller-container has the correct css position and overflow property
    J(contentDiv).parent().css({position:'relative',overflow:'hidden'});
    
    // set contentDiv style
    //J(contentDiv).css({position:'absolute',top:0});
    // get contentDiv height
    contentDivHeight = height;
	
   // call periodical
   J(contentDiv).everyTime(25, function(i){
		if (cpt > 0) {
			if (parseInt(J(this).css('top'))>(contentDivHeight*(-1)+8))
			{
				// move scroller upwards
				offset = parseInt(J(this).css('top'))-scrollSpeed+"px";
				J(this).css({'top':offset});
			}
			// reset to original position
			else
			{
				// reset to original position
				offset = parseInt(J(this).parent().height())+8+"px";
				J(this).css({'top':offset});
			}
			if (scrollSpeed != 0 ) cpt--;
		} else if (cpt > -200) {
			scrollSpeed = 0;    
			cpt--;
		} else {
			if (passages > 1) {
				cpt = 60;
				scrollSpeed = speed;
				passages--;
			} else {
				cpt = 300;
				scrollSpeed = speed;
				passages = passage;
			}
		}
    });
    
    // on mouse over event, pause the scroller
    J(contentDiv).mouseover(function ()
    {
        speed = vitesse;
        scrollSpeed = 0;       
    });
    
    // on mouse out event, start the scroller
    J(contentDiv).mouseout(function ()
    {
        scrollSpeed = speed;
    });
}