$(function() {
	$( ".scroll-bar" ).slider({
		value: 0,
		min: 0,
		max: 1080,
		step: 45,
		slide: function( event, ui ) {
			$( ".scroll-content" ).css( "margin-left", "-" + ui.value + "px" );
		}
	});
	
	$( ".topteaser" ).mouseenter(
		function() {
			$('.info', this).css('display','block');
			$('.info', this).animate(
			{
				"top": "100px"
			}, 'fast'
			);
		}
	);
	
	$( ".topteaser" ).mouseleave(
		function() {
			$('.info', this).animate(
			{
				"top": "148px"
			}, 'fast', function() { $(this).css('display','none'); }
			);
			
		}
	);	
});