$(document).ready(function() { 
    // initialize scrollable 

	$("div.scrollable").scrollable({
		loop:false,
		size: 6,
		speed:300,
		hoverClass:"active",
		easing: "linear"
	}).autoscroll({autoplay:false}); 

	$(".items img.active").each(function(){
		var picTitle = $(this).attr("title");
		$("div.scrollable em").html(picTitle);
	});
	
	$(".items img").click(function(){
		var picTitle = $(this).attr("title");
		$("div.scrollable em").html(picTitle);
	});
	$(".items").mousemove(function(e){
		var x_axis = e.pageX;
		var container_width = parseInt($("div.scrollable").css("width"));
		if(x_axis > (container_width)){
			$("div.scrollable").scrollable().next();
		}
		else if(x_axis < (container_width/2)){
			$("div.scrollable").scrollable().prev();
		}
	});

	$(".items img").mouseover(function(){
			var picTitle = $(this).attr("title");
			$("div.scrollable em").html(picTitle);
		});
	$(".items").mouseout(function(){
			$("div.scrollable em").html("");
		});
}); $(document).ready(function() { 
    // initialize scrollable 

	$("div.scrollable").scrollable({
		loop:false,
		size: 6,
		speed:300,
		hoverClass:"active",
		easing: "linear"
	}).autoscroll({autoplay:false}); 

	$(".items img.active").each(function(){
		var picTitle = $(this).attr("title");
		$("div.scrollable em").html(picTitle);
	});
	
	$(".items img").click(function(){
		var picTitle = $(this).attr("title");
		$("div.scrollable em").html(picTitle);
	});
	$(".items").mousemove(function(e){
		var x_axis = e.pageX;
		var container_width = parseInt($("div.scrollable").css("width"));
		if(x_axis > (container_width)){
			$("div.scrollable").scrollable().next();
		}
		else if(x_axis < (container_width/2)){
			$("div.scrollable").scrollable().prev();
		}
	});

	$(".items img").mouseover(function(){
			var picTitle = $(this).attr("title");
			$("div.scrollable em").html(picTitle);
		});
	$(".items").mouseout(function(){
			$("div.scrollable em").html("");
		});
});