$(document).ready(function() {


   $('#mask').css({'height':$('#panel-1').height()});


   $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));


   $('#panel').width($('#mask').width());


   $('a[rel=panel]').click(function () {


   $('#mask').scrollTo($(this).attr('href'), 800);


if ($(this).attr('href') == '#panel-6')


  {


$('#mask').css({'height':$('#panel-6').height()});


}


else if($(this).attr('href') == '#panel-2')


  {


$('#mask').css({'height':$('#panel-2').height()});


  }


else if($(this).attr('href') == '#panel-3')


  {


$('#mask').css({'height':$('#panel-3').height()});


  }


else if($(this).attr('href') == '#panel-4')


  {


$('#mask').css({'height':$('#panel-4').height()});


  }


else if($(this).attr('href') == '#panel-5')


  {


$('#mask').css({'height':$('#panel-5').height()});


  }


else if($(this).attr('href') == '#panel-7')


  {


$('#mask').css({'height':$('#panel-7').height()});


  }


else


  {


$('#mask').css({'height':$('#panel-1').height()});


  }


   return false;


   });


});