$(document).ready(function(){
	/* JavaScript ON の場合にスライダーを表示 */
	$(".slider-set").css('display','block');
	$(".sliderGallery").css('overflow','hidden');



	/* 矢印ボタンを押した場合の最大スクロール回数 */
	var ARROW_SCROLL_COUNT = 5;

    var container = $('div.sliderGallery');
    var ul = $('ul', container);
    
    var itemsWidth = ul.outerWidth() - container.outerWidth();
    var scroll_unit = Math.ceil(itemsWidth / ARROW_SCROLL_COUNT); 

    
    $('.slider', container).slider({
        minValue: 0,
        maxValue: itemsWidth,
        handle: '.handle',
        startValue: 0,
        stop: function (event, ui) {
            ul.animate({'left' : ui.value * -1}, 500);
        },
        slide: function (event, ui) {
            ul.css('left', ui.value * -1);
        }
    });

	// 矢印ボタンの動作をバインド    
    $("#sliderGallery-arrowleft").bind('click',function(e){
    	$(".slider").slider("moveTo", "-=" + scroll_unit);
    });
    $("#sliderGallery-arrowright").bind('click',function(e){
    	$(".slider").slider("moveTo", "+=" + scroll_unit);
    });
});