$(document).ready(function() {
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$('#wrapper').scrollTo($(this).attr('href'), 800);		
return false;
});
$(window).resize(function () {
resizePanel();
});
});

function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_width = width * $('.item').length;
mask2_height = height * $('.item2').length;
$('#debug').html(width  + ' ' + height + ' ' + mask_width);
$('#debug').html(width  + ' ' + height + ' ' + mask2_height);
$('#wrapper, .item2').css({width: width, height: height});
$('#wrapper, .item').css({width: width, height: height});
$('#mask2').css({width: width, height: mask2_height});
$('#mask').css({width: mask_width, height: height});
$('#wrapper').scrollTo($('a.selected').attr('href'), 0);		
}