var showcaseWidth = false;
var showcaseContentWidth = false;

$(document).ready(function() {
	showcaseWidth = $("#showcase").width();
	showcaseContentWidth = $("#showcase .showcaseContainer").width();

	if(showcaseContentWidth > showcaseBaseWidth) {
		$("#showcaseControl").slider({handle:'.handle',max:100,min:0,slide:function(e,ui) {
			scrollShowcase(ui.value);
		}});
	} else {
		$("#showcaseControl").hide();
		$("#showcaseContainer").height(160);
	}
});

function scrollShowcase(x) {
	marginLeft = 0 - (((showcaseContentWidth - showcaseWidth) / 100) * x);
	$("#showcase .showcaseContainer").css("marginLeft",marginLeft);	
}