var moveRightInterval, moveLeftInterval;
var currentSliderPosition=0;

window.onload = function () {
    IEWidthFix();

    var galleryDiv = $('#sliderGallery');
    var ul = $('ul', galleryDiv);

    var productWidth = ul.innerWidth() - $(galleryDiv).outerWidth();

    $('#slider').slider({
        handle: '#handle',
        min: 0,
        max: productWidth,
        change: function (ev, ui) {
            ul.css('left', ui.value * -1);
            currentSliderPosition = ui.value;
            console.log(currentSliderPosition);
        }
    });

    bindEvents();
}

function IEWidthFix()
{
	jQuery.each(jQuery.browser, function(i) {
		if($.browser.msie){
			if($('#items').width()<621)
			{
				$('#items').width(621);
			}
		}
	});
}

function moveRight()
{
	var temp=currentSliderPosition+20;
	$('#slider').slider('value', temp);
}

function moveLeft()
{
	var temp=currentSliderPosition-20;
	$('#slider').slider('value', temp);	
}

function bindEvents()
{
	$('#btnToRight').click(
		function() { return false; }
	);

	$('#btnToLeft').click(
		function() { return false; }
	);
	
	$('#btnToRight').hover(
		//Start hover
		function() {
			moveRightInterval=window.setInterval("moveRight()",50);
			return false;
		},
		//End  hover
		function() {
			window.clearInterval(moveRightInterval);
			return false;
		}
	);

	$('#btnToLeft').hover(
		//Start hover
		function() {
			moveLeftInterval=window.setInterval("moveLeft()",50);
			return false;					
		},
		//End  hover
		function() {
			window.clearInterval(moveLeftInterval);
			return false;
		}
	);
}