// init items's start
var speed, scrollSpeed;
var itemtrue = true, itemfalse = false;

function autoScroller(contentDiv, obj, speed)
{
    contentDiv = "#"+contentDiv + obj;
    scrollSpeed = (speed==null) ? 5 : parseInt(speed);
   
        
    // double make sure the autoScroller-container has the correct css position and overflow property
    var parentDiv = $(contentDiv).parent();
    var parentDivHeight = parentDiv.height();
    
    parentDiv.css({position:'relative',overflow:'hidden'});
    
    
    // set contentDiv style
    $(contentDiv).css({position:'absolute',top: obj ? 0 : parentDivHeight});
    // get contentDiv height
    contentDivHeight = $(contentDiv).height();
    
	// no need to scroll
	if(parentDivHeight >= contentDivHeight) return;
    
    
	// call periodical
	$(contentDiv).everyTime(40, function(){
			if(!eval("item" + obj))
			{
				$(contentDiv).css({display:'none'});
				return;
			}
			else
			{
				$(contentDiv).css({display:'block'});
			}
				
			// start oposite object
			if (parseInt($(this).css('top'))<(contentDivHeight*(-1)) + parentDivHeight) eval("item" + !obj + " = true");
						
			if (parseInt($(this).css('top'))>(contentDivHeight*(-1)))
			{	// move scroller upwards
				offset = parseInt($(this).css('top'))-scrollSpeed+"px";
				$(this).css({'top':offset});
			}
			else
			{	
				// stop current object
				eval("item" + obj + " = false");
				
				// reset to original position
				$(this).css({'top':parentDivHeight});
			}
		});
	    
		// 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;
		});
}