function move_to_thumbnail_location(img_name) {
	$("div.mover").stop();	

	move_left = (-1)*($("div.poster_all_images > img[src$='"+img_name+"']").position().left);
	max_left = (-1)*(($("div.poster_all_images > img:last").position().left + $("div.poster_all_images > img:last").width()) - $("div.poster_all_images").width());
	move_left = move_left < max_left ? max_left : move_left;
	$("div.poster_all_images").animate({left:move_left}, 1000);
}

function move_thumbnails_right() {
	$("div.thumbnail_all_images").stop();
	num = $("div.thumbnail_all_images").position().left - $("div.thumbnail_all_images").width();
	
	alls=0;
	$(".thumbnail_all_images img").each(function (i) {
		alls += $(this).outerWidth(true)
	});
	max_left = -1 * (alls - $(".thumbnail_all_images").innerWidth());
	
	if(num < max_left) {
		num = max_left;
		$("#next_img").css("visibility", "hidden");
	}
	else {
		temp = 0;
		$("div.thumbnail_all_images img").each(function(i) {
			if($("div.thumbnail_all_images img:eq(" + i + ")").position().left > (-1*(num)) && (temp == 0)) {
				num = -1 * ($("div.thumbnail_all_images img:eq(" + (i-1) + ")").position().left);
				temp = 1;
			}
		})
		
		$("#next_img").css("visibility", "visible");
	}
	
	$("#prev_img").css("visibility", "visible");
	$("div.thumbnail_all_images").animate({left:num}, 500);
}

function move_thumbnails_left() {
	$("div.thumbnail_all_images").stop();
	num = $("div.thumbnail_all_images").position().left + $("div.thumbnail_all_images").width();

	if(num > 0) {
		num = 0;
		$("#prev_img").css("visibility", "hidden");
	}
	else {
		temp = 0;
		$("div.thumbnail_all_images img").each(function(i) {
			if($("div.thumbnail_all_images img:eq(" + i + ")").position().left > (-1*(num)) && (temp == 0)) {
				num = -1 * ($("div.thumbnail_all_images img:eq(" + i + ")").position().left);
				temp = 1;
			}
		})
		
		$("#prev_img").css("visibility", "visible");
	}

	$("#next_img").css("visibility", "visible");
	$("div.thumbnail_all_images").animate({left:num}, 500);
}

$(document).ready(function () {
	$("#scrollSmallImgs	").draggable({axis:'x', containment:'parent', start: function() {smallImagesScroll()}, drag: function () {smallImagesScroll()}});
})

function smallImagesScroll() {
	percentage = $("#scrollSmallImgs").position().left / ($("#scrollSmallImgs").parent().width() - $("#scrollSmallImgs").width());
	totalWidth = ($("div.thumbnail_all_images img:last").position().left + $("div.thumbnail_all_images img:last").outerWidth()) - $("div.thumbnail_all_images").width();
	$("div.thumbnail_all_images").css("left", "-" + (percentage*totalWidth) + "px");
}