$(function(){
	var $scroller = $('#scroller');
	setTimeout(function(){marquee($('div.case-studies'))}, 2000);

	function marquee($obj){
		var height = $obj.outerHeight();
		var speed = 30;
		var $copy = $obj.clone();
		var margin = 0;
		$obj.after($copy);

		function scroller(){
			$obj.css('marginTop', '-' + margin + 'px');
			if(margin < height)
			{
				margin++;
			}
			else
			{
				$obj.remove();
				marquee($copy);
				clearInterval(timer);
			}
		}

		var timer = setInterval(function(){scroller()}, speed);

		$scroller.unbind().hover(
			function(){
				clearTimeout(timer);
			},
			function(){
				timer = setInterval(function(){scroller()}, speed);
			}
		);
	}
});