$(document).ready(function() {
	$('a.panel').click(function () {
		document.getElementById('item1').style.display = 'block';
		document.getElementById('item2').style.display = 'block';
		document.getElementById('item3').style.display = 'block';
		document.getElementById('item4').style.display = 'block';
		document.getElementById('item5').style.display = 'block';
		document.getElementById('item6').style.display = 'block';

		$('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_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);	
}

function hid_dv() {
	document.getElementById('item1').style.display = 'none';
	document.getElementById('item2').style.display = 'none';
	document.getElementById('item3').style.display = 'none';
	document.getElementById('item4').style.display = 'none';
	document.getElementById('item5').style.display = 'none';
	document.getElementById('item6').style.display = 'none';
}