var $j = jQuery.noConflict();

window.onload = function () {
	var container = $j('#gallery');
	var ul = $j('ul', container);
	var galleryWidth = ul.innerWidth() - $j(container).outerWidth();

	if (galleryWidth > 60) {
		$j('.slider-off').addClass('slider').removeClass('slider-off');
	// }
		var slider = $j('.slider', container).slider({ 
			 handle: '.handle',
			 minValue: 0, 
			 maxValue: galleryWidth, 
			 slide: function (event, ui) {
				// console.log(ui.value);
				ul.css('left', ui.value * -1);
				// ul.css('left', '-' + ui.value + 'px');
			 }, 
			 stop: function (event, ui) {
				// console.log(ui.value);
				ul.animate({ 'left': ui.value * -1 }, 500);
				// ul.animate({ 'left' : '-' + ui.value + 'px' }, 620, 'linear');
			 }
		});
	}

	$j('ul.icons li a').mouseover(function(){
		$j(this).parent().parent().children("li.help-text").children('span').text($j(this).attr('title'));
	 });

	$j('ul.icons li a').mouseout(function(){
		$j(this).parent().parent().children("li.help-text").children('span').text('linkar');
	 });
	
	$j('#debug a').css('color', '#fff');
	// $j('#debug pre').hide();
	
	$j('#debug a').click(function(){
		$j('#debug pre').toggle();
	 });
};