jQuery(document).ready(function() {
	$("#jcarousel-portfolio").jcarousel({
		scroll: 1,
		visible: 1,
		// This tells jCarousel NOT to autobuild prev/next buttons
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	
	// the distance in pixels to move for each increment of the slider	
	var interval = ($(".jcarousel-list").width() - $(".jcarousel-clip").width()) / 100;
	
	$(".slideme-close a").bind("click", function() {
		$(this).parent("div").parent("div").hide();
		return false;		
	});
	
	$(".ui-slider-handle").bind("mousedown", function() {
		$("#slideme").hide();
		return false;
		
	});
	
	
	
	$("#nav-slider").slider({
		slide: function(e, ui) {
			// current position (value from 0 to 100)
			var cur = ui.value;
			// move left interval * percentage
			$(".jcarousel-list").css("left", "-" + (interval * cur) + "px");
		},
		start: function(e, ui) {
			$(".ui-slider-handle").addClass("drag");
		},
		stop: function(e, ui) {
			$(".ui-slider-handle").removeClass("drag");
		}
	});
});