window.onload = function () {
		
			var container = $('div.sliderGallery');
            
			var ul = $('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
			
            $('.slider', container).slider({
                min: 0,
                max: itemsWidth+8,
                handle: '.handle',
                stop: function (event, ui){
                    ul.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui){
					var x_val = ui.value;
					ul.css('left', ui.value * -1);
                },
				animate: true
            });
			
			$(window).scroll(function(e){ 
				
				var window_x = (window.scrollX) ? window.scrollX : document.documentElement.scrollLeft ? document.documentElement.scrollLeft + document.documentElement.clientLeft  + 6 : document.documentElement.scrollLeft + document.documentElement.clientLeft; 
				
				var cl_width = document.documentElement.clientWidth;
				
				//var norm = cl_width < 990?0.0483:(cl_width < 1025?0.0495:(cl_width < 1153?0.0502:(cl_width < 1281?0.0514:(cl_width < 1600?0.0522:0.0532))));
				var norm = cl_width < 990?0.08763:(cl_width < 1025?0.08981:(cl_width < 1153?0.09108:(cl_width < 1281?0.09325:(cl_width < 1600?0.09471:0.09561))));
				$('.handle', container).css('left', window_x*norm+6);
				
			});

			
			$("a.clicker").click(function () {
		
				var therel = $(this).attr("rel");
				var thediv = $("div#"+therel);
				var slidediv = $(thediv).parent().children("div.up_height");
		
				if ($(thediv).is(":hidden")) {
					$(thediv).slideDown("slow");
					$(slidediv).slideUp("slow");
				} else {
					$(thediv).slideUp("slow");
					$(slidediv).slideDown("slow");
				}
				
				return false;
				
			});
			
		}