$(document).ready(function() {
	var numer = parseInt($('#poczatkowy').attr('poczatkowy'));
	//$('#wrapper').scrollTo($('#item' + numer), 800);
	$('#wrapper').scrollTo($('#item' + numer));
	if($('#item' + numer).attr('ktory')=='pierwszy'){
		var numer = numer + 1;
		$('#strzalki').html('<div class="strzalka-puste"></div><a href="#item' + numer + '" class="panel" numer="' + numer + '"><div class="strzalka-dol"></div></a>');
	}
	else if($('#item' + numer).attr('ktory')=='ostatni'){
		var numer = numer - 1;
		$('#strzalki').html('<a href="#item' + numer + '" class="panel" numer="' + numer + '"><div class="strzalka-gora"></div></a><div class="strzalka-puste"></div>');
	}
	else{			
		var nowszy = numer - 1;
		var starszy = numer + 1;
		$('#strzalki').html('<a href="#item' + nowszy + '" class="panel" numer="' + nowszy + '"><div class="strzalka-gora"></div></a><a href="#item' + starszy + '" class="panel" numer="' + starszy + '"><div class="strzalka-dol"></div></a>');
	}


	$('a.panel').live("click", function () {

		$('a.panel').removeClass('selected');
		$(this).addClass('selected');
		
		current = $(this);
				
		$('#wrapper').scrollTo($(this).attr('href'), 800);		
		

		if($($(this).attr('href')).attr('ktory')=='pierwszy'){
			var numer = parseInt($(this).attr('numer')) + 1;
			$('#strzalki').html('<div class="strzalka-puste"></div><a href="#item' + numer + '" class="panel" numer="' + numer + '"><div class="strzalka-dol"></div></a>');
		}
		else if($($(this).attr('href')).attr('ktory')=='ostatni'){
			var numer = parseInt($(this).attr('numer')) - 1;
			$('#strzalki').html('<a href="#item' + numer + '" class="panel" numer="' + numer + '"><div class="strzalka-gora"></div></a><div class="strzalka-puste"></div>');
		}
		else{			
			var numer = parseInt($(this).attr('numer'));
			var nowszy = numer - 1;
			var starszy = numer + 1;
			if(nowszy<1){
				$('#strzalki').html('<div class="strzalka-puste"></div><a href="#item' + starszy + '" class="panel" numer="' + starszy + '"><div class="strzalka-dol"></div></a>');
			}
			else {
				$('#strzalki').html('<a href="#item' + nowszy + '" class="panel" numer="' + nowszy + '"><div class="strzalka-gora"></div></a><a href="#item' + starszy + '" class="panel" numer="' + starszy + '"><div class="strzalka-dol"></div></a>');
			}
		}

		return false;
	});
	
	$(window).resize(function () {
		resizePanel();
	});
	
});

function resizePanel() {

	width = $(window).width();
	height = $(window).height();

	mask_height = height * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_height);
	
	//$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: width, height: mask_height});
	$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
}