var AutoScroller = function(wrapperId, rotateSec, showElements)
{
	$('#'+wrapperId).append($('<div>').append($('#'+wrapperId+' > *')));
	
	$('#'+wrapperId+' > div > *:gt('+(showElements-1)+')').hide();
	
	$('#'+wrapperId+' > div').css({
		'position': 'absolute',
		'top': '0px'
	});
	
	$('#'+wrapperId).css({
		'overflow': 'hidden',
		'position': 'relative',
		'height': $('#'+wrapperId+' > div').height()
	});
	
	this.scrolls(wrapperId, rotateSec, showElements);
};

AutoScroller.prototype = {
	
	scrolls: function(wrapperId, rotateSec, showElements){
		
		setTimeout(function(){
			old_Height = $('#'+wrapperId+' > div').height();
			$('#'+wrapperId+' > div > *:lt('+showElements*2+')').show();
			//new_Height = $('#'+wrapperId+' > div').height();
			//scroll_height = new_Height - old_Height;
			
			$('#'+wrapperId+' > div').animate({'top': '-='+old_Height+'px'}, 'slow', function() {
				$('#'+wrapperId+' > div > *:lt('+showElements+')').appendTo($('#'+wrapperId+' > div'));
				$('#'+wrapperId+' > div').css('top', '0');
				$('#'+wrapperId+' > div > *:gt('+showElements+')').hide();
			});
			
			AutoScroller.prototype.scrolls(wrapperId, rotateSec, showElements);
			
		}, rotateSec * 1000);
	}


};

$(document).ready(function() {
	new AutoScroller('personal_blogs_list', 7, 3);
	
	new AutoScroller('important_blogs_list', 7, 3);
	
});