$(document).ready(function() {  
						   
						   
 // $('#wrapper').scrollTo($('#item3'), 0 ); 
    //get all link with class panel  
    $('a.panel').click(function () {  
  
                //reset and highlight the clicked link  
        $('a.panel').removeClass('selected');  
        $(this).addClass('selected');  
          
        //grab the current item, to be used in resize function  
        current = $(this);  
          
                //scroll it to the destination  
        $('#wrapper').scrollTo($(this).attr('href'), 1000, {queue:true});        
          
                //cancel the link default behavior  
        return false;  
    });  
  
   
    $(window).resize(function () {  
        
        resizePanel();  
    });  
      
});  




function resizePanel() {  
  
    //get the browser width and height  
    width = $(window).width();  
    height = $(window).height();  
  
    //get the mask width: width * total of items  
    mask_width = width * $('.item').length;  
          
    //set the dimension   
    $('#wrapper, .item').css({width: width, height: height});  
    $('#mask').css({width: mask_width, height: height});  
      
    //if the item is displayed incorrectly, set it to the corrent pos  
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);  
          
}