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);
	}
});