$(function() {
		var tresc = $("div#tresc").height();
		var wys = $("div#wewnetrzny").height()+20;
		var initval = 100;
		var pozycja = 0;
		
		$("div#slider-vertical").css("height", tresc-50);
			
		$("div#slider-vertical").slider({
			animate: true,
			orientation: "vertical",
			range: "max",
			min: 0,
			max: 100,
			value: initval,
			change: function(event, ui) {
				var top = -1*(wys - tresc)*(100-ui.value)/100;
				$("div#tresc div").css("top",top+"px");
			},
			slide: function(event, ui) {
				if(wys > tresc) {
					var top = -1*(wys - tresc)*(100-ui.value)/100;
					$("div#tresc div").css("top",top+"px");
				} else {
					$(this).disable();			
				}
				
			}
		});
				
		$('#tresc').mousewheel(function(event, delta) {
			if(wys > tresc) {
				pozycja += delta*5;
				
				$("div#slider-vertical").slider("value",initval + pozycja);
				
				if (pozycja >= 0){
					pozycja = 0;
				}
				
				if (pozycja <= -100){
					pozycja = -100;
				}
			} else {
					$(this).disable();			
				}
		});		
	});