$(document).ready(function(){
    
    $.scrollTo( $("#contactContent") , 800, {easing:'easeInOutExpo'} );
    
    var newWidth = 1;
    var newHeight = 1;
    
    newWidth = $(window).width();
    newHeight = $(window).height();
    
    scrollWidth = $(window).width();
    
    $('#contact').click(function(){
        $.scrollTo( $("#contactContent") , 800, {easing:'easeInOutExpo'} );
        
        $(this).addClass("selected");
        $(this).removeClass("deselected");
        
        $(this).siblings().addClass("deselected");
        $(this).siblings().removeClass("selected");
        Cufon.refresh();
    });
    $('#web').click(function(){
        $.scrollTo( $("#webContent") , 800, {easing:'easeInOutExpo'} );
        
        $(this).addClass("selected");
        $(this).removeClass("deselected");
        
        $(this).siblings().addClass("deselected");
        $(this).siblings().removeClass("selected");
        Cufon.refresh();
    });
    $('#animation').click(function(){
        $.scrollTo( $("#animationContent") , 800, {easing:'easeInOutExpo'} );
        
        $(this).addClass("selected");
        $(this).removeClass("deselected");
        
        $(this).siblings().addClass("deselected");
        $(this).siblings().removeClass("selected");
        Cufon.refresh();
    });
    $('#misc').click(function(){
        $.scrollTo( $("#miscContent") , 800, {easing:'easeInOutExpo'} );
        
        $(this).addClass("selected");
        $(this).removeClass("deselected");
        
        $(this).siblings().addClass("deselected");
        $(this).siblings().removeClass("selected");
        Cufon.refresh();
    });
    
   
    $(".section").width(newWidth);
    $(".sliderControls").width(newWidth);

    newWidth = newWidth * 4;
    
    $("#siteWrapper").width(newWidth);

    
});

$(window).resize(function(){
    
    var newWidth = 1;
    
    newWidth = $(window).width();
    
    scrollWidth = $(window).width();
    
    $(".section").width(newWidth);
    $(".sliderControls").width(newWidth);

    newWidth = newWidth * 4;
    
    $("#siteWrapper").width(newWidth);
    
});