var showcaseSliderWidth = false;
var showcaseSliderContentWidth = false;

$(document).ready(function() {
	showcaseSliderWidth = $("#showcaseSlider").width();
	showcaseSliderContentWidth = $("#showcaseSlider .showcaseContainer").width();

	$("#showcaseSliderControl").slider({handle:'.handle',max:100,min:0,slide:function(e,ui) {
		scrollShowcase(ui.value);
	}});
});

function scrollShowcase(x) {
	marginLeft = 0 - (((showcaseSliderContentWidth - showcaseSliderWidth) / 100) * x);
	$("#showcaseSlider .showcaseContainer").css("marginLeft",marginLeft);	
}