$(function() {
	var scrollPane = $('#scroll-pane');
	var scrollContent = $('#content');
	if(scrollPane.length && scrollContent.length){
		scrollPane.width(348);
		if( scrollContent.height() > scrollPane.height()+10 ){
			var scrollbar = $("#slider-vertical").slider({
				orientation: "vertical",
				range: "min",
				min: 0,
				max: 100,
				value: 100,
				slide:function(e, ui){
					if( scrollContent.height() > scrollPane.height() ){
						scrollContent.css('margin-top', (Math.round( ui.value / 100 * ( scrollPane.height() - scrollContent.height() ))*-1) + (scrollPane.height() - scrollContent.height()) + 'px');
					} else {
						scrollContent.css('margin-top', 0);
					}
				}
			});
			$('#slider-container').css({'display':'block'});
			scrollPane.width(318);
		}
	}
});