window.onload = function() {
	
	var container = $('div.nav1slide');
    var nav1div = $('div.nav1content', container);
            
	var itemsWidth = nav1div.innerHeight() - container.outerHeight();
            
	$('.nav1slider', container).slider({
    	min: 0,
		max: itemsWidth,
		handle: '.nav1handle',
		slide: function (event, ui) {
			nav1div.css('top', ui.value * -1);
		}
	});
	
	var container = $('div.nav2slide');
    var nav2div = $('div.nav2content', container);
            
	var itemsWidth = nav2div.innerHeight() - container.outerHeight();
            
	$('.nav2slider', container).slider({
    	min: 0,
		max: itemsWidth,
		handle: '.nav2handle',
		slide: function (event, ui) {
			nav2div.css('top', ui.value * -1);
		}
	});
	
	var container = $('div.contentslide');
    var div = $('div.content', container);
            
	var itemsWidth = div.innerHeight() - container.outerHeight();
            
	$('.slider', container).slider({
    	min: 0,
		max: itemsWidth,
		handle: '.handle',
		slide: function (event, ui) {
			div.css('top', ui.value * -1);
		}
	});
};