$(function() {
	//hover handlers
	$("#content .sliderGallery ul li").mouseover(function() {
		$(this).addClass('roller');
	});
	$("#content .sliderGallery ul li").mouseout(function() {
		$(this).removeClass('roller');
	});
	//bring links to parent level
	$("#content .sliderGallery ul li").live("click",function() {
		self.location = $(this).find('a').attr("href");
	});
});

// slidergallery
window.onload = function () {
    var container = $('div.sliderGallery');
    var ul = $('ul', container);
    
    var itemsWidth = ul.innerWidth() - container.outerWidth();
    
    container.css('overflow', 'hidden');  // move auto to noscript style to avoid flicker
    
    $('.slider', container).slider({
        min: 0,
        max: itemsWidth,
        handle: '.ui-slider-handle',
        stop: function (event, ui) {
            ul.animate({'left' : ui.value * -1}, 500);
        },
        slide: function (event, ui) {
            ul.css('left', ui.value * -1);
        }
    });
    $(".btn-left").click(function(){
       var elValue = $('.slider', container).slider('option', 'value');
       // alert (elValue);
	       if(elValue > 0) {
	          elValue = elValue - 162;
	          if(elValue < 0) {
             elValue = 0;
          }
	     $(".sliderGallery .slider").slider('value', elValue);
          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
	       }
	});

	$(".btn-right").click(function(){
		  var elValue = $('.slider', container).slider('option', 'value');
	       // alert (elValue);
		       if(elValue < itemsWidth) {
		          elValue = elValue + 162; 
		          if(elValue > itemsWidth) {
	             elValue = itemsWidth;
	          }
	          $(".sliderGallery .slider").slider('value', elValue); 
	          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		       }
		});
	$("span.start").click(function(){
		  var elValue = $('.slider', container).slider('option', 'value');
	       // alert (elValue);
	             elValue = 0;
	          $(".sliderGallery .slider").slider('value', elValue); 
	          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});
	$("span.end").click(function(){
		  var elValue = $('.slider', container).slider('option', 'value');
	       // alert (elValue);
	             elValue = itemsWidth;
	          $(".sliderGallery .slider").slider('value', elValue); 
	          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});

	$("span.page1").click(function(){
	  var elValue = $('.slider', container).slider('option', 'value');
       // alert (elValue);
             elValue = 0;
          $(".sliderGallery .slider").slider('value', elValue); 
          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
	});

	$("span.page2").click(function(){
		  var elValue = $('.slider', container).slider('option', 'value');
	        //alert (elValue);
	             elValue = 648;
	          $(".sliderGallery .slider").slider('value', elValue); 
	          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});
	$("span.page3").click(function(){
		  var elValue = $('.slider', container).slider('option', 'value');
	       // alert (elValue);
	             elValue = 1296;
	          $(".sliderGallery .slider").slider('value', elValue); 
	          $(".sliderGallery ul").animate({'left' : elValue * -1}, 500);
		});						
};