function SetScroll(Heatscroll, container, slider, handle) {
    var container = $(container);
    var ul = $('ul', container);
    
    if (Heatscroll == "Horizontal") {
        var itemsWidth = ul.innerWidth() - container.outerWidth() - 31;
        if (itemsWidth > 0){
            $(slider, container).slider({
                min: 0,
                max: itemsWidth,
                handle: handle,
                stop: function(event, ui) {
                    ul.animate({ 'left': ui.value * -1 }, 500);
                },
                slide: function(event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
             $(container).css({ height: ($( container).find('ul').height() + 40) + "px" }); // Xet chieu cao cua sliderGallery
             $(container).find(slider).css({ display: "block" }).css({ top: ($(container).find('ul').height() + 20) + "px" }); //Hien thi scroll khi so luong item nhieu
        }
        else { $(container).css({ height: ($(container).find('ul').height() + 15) + "px" }); } // xet chieu cao sliderGallery ngan hon khi khong co scroll - giup giao dien de nhin
        
    }

    if (Heatscroll == "Vertical") {
        var itemHeight = ul.innerHeight() - container.outerHeight();
		var scrollHeight = $(container).find(slider).height()
        if (itemHeight >  0) {
            $(slider, container).slider({
                min: 0,
                max: itemHeight,
                handle: handle,
                stop: function(event, ui) {
                    ul.animate({ 'top': ui.value * -1 }, 500);
                },
                slide: function(event, ui) {
                    ul.css('top', ui.value * -1);
                }
				
            });
            ($(container).find(slider).css({ left: ($(container).width() - $(container).find(slider).width() ) + "px" }));
        }
        else { $(container).find(slider).css({ display: "none" }); }
    }
};

function SetScrollAboth(container, sliderHorizontal, handleHorizontal, sliderVertical, handleVertical) {
    var container = $(container);
    var ul = $('ul', container);
    //scroll Horizontal
        var itemsWidth = ul.innerWidth() - container.outerWidth();
        if (itemsWidth > 0) {
            $(sliderHorizontal, container).slider({
                min: 0,
                max: itemsWidth,
                handle: handleHorizontal,
                stop: function(event, ui) {
                    ul.animate({ 'left': ui.value * -1 }, 500);
                },
                slide: function(event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
            $(container).find(sliderHorizontal).css({ display: "block" }).css({ top: ($(container).height() - $(container).find(sliderHorizontal).height()) + "px" }); 
        }
        else { $(container).css({ height: ($(container).find('ul').height() + 15) + "px" }); } // xet chieu cao sliderGallery ngan hon khi khong co scroll - giup giao dien de nhin

        // scroll Vertical
        var itemHeight = ul.innerHeight() - container.outerHeight();
        if (itemHeight > 0) {
            $(sliderVertical, container).slider({
                min: 0,
                max: itemHeight,
                handle: handleVertical,
                stop: function(event, ui) {
                    ul.animate({ 'top': ui.value * -1 }, 500);
                },
                slide: function(event, ui) {
                    ul.css('top', ui.value * -1);
                }
            });
        }
        else { $(container).find(sliderVertical).css({ display: "none" }); }
    
};
