var $j = jQuery.noConflict();

$j(function() {
				var content = $j('.content'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});
		
	$j(function() {
				var content = $j('.content1'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar1').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});
		
	$j(function() {
				var content = $j('.content2'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar2').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});
		
			$j(function() {
				var content = $j('.content3'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar3').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});		
		
		$j(function() {
				var content = $j('.content4'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar4').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});
		
	$j(function() {
				var content = $j('.content5'),
				contentWrapper = content.parent(),
				contentHeight, pixelPerPercent;
				var scrollbar = $j('.scroll-bar5').slider({
					slide: function (event, ui) {
					var amt = contentHeight-(ui.value*pixelPerPercent);
					content.css('margin-top','-'+amt+'px');
				},
				orientation: 'vertical',
				value: 100
			});
			function updateScrollSize(){
				contentHeight = content.innerHeight() - contentWrapper.innerHeight();
				pixelPerPercent = contentHeight/100;
			}
		  updateScrollSize();
		});