$(document).ready(function(){
	$('.handle').pngfix();
	$('a[rel="popup"]').click(
		function()
		{
			return $.popWin( $(this).attr('href'), { popWinWidth: 800, popWinHeight: 600 } );
		}
	);

});

window.onload = function () {
	var container = $('#moduleSlider');
	var ul = $('ul', container);
	var itemsWidth = ul.innerWidth() - container.outerWidth();
	$('.slider', container).slider({
		minValue: 0,
		maxValue: itemsWidth,
		handle: '.handle',
		stop: function (event, ui) {
			ul.animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -1);
		}
	});
};