$(document).ready(function() {


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

function go_to(itemm) {
	
	
	if(itemm=='#item1'){
			
		$('body').animate({backgroundPosition: '-5px 0px'}, 800 );
		
		current = '#item1';
		} 
		
		if(itemm=='#item2'){
		$('body').animate({backgroundPosition: '-1300px 0px'}, 800 );	
				current = '#item2';
		}
		
		if(itemm=='#item3'){
		$('body').animate({backgroundPosition: '-2200px 0px'}, 800 );	
			
				current = '#item3';
		}
		
		$('#wrapper').scrollTo(itemm, 800);		
		
		
		
		
		return false;
	};

function resizePanel() {

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

	mask_width = width * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo(current, 0);
		
}