$(document).ready(function(){
        $("#button1").click(function() {
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
				$("#button1").removeClass("selected");  
				$("#button2").removeClass("selected");  
				$("#button3").removeClass("selected");  
				$("#button4").removeClass("selected");  
				$("#button1").addClass("selected");  
        });
        $("#button2").click(function() {
                $(".widearea").animate({
                        marginLeft: "-944px"
                }, 500);
				$("#button1").removeClass("selected");  
				$("#button2").removeClass("selected");  
				$("#button3").removeClass("selected");  
				$("#button4").removeClass("selected");  
				$("#button2").addClass("selected");  
        });
        $("#button3").click(function() {
                $(".widearea").animate({
                        marginLeft: "-1888px"
                }, 500);
				$("#button1").removeClass("selected");  
				$("#button2").removeClass("selected");  
				$("#button3").removeClass("selected");  
				$("#button4").removeClass("selected");  
				$("#button3").addClass("selected");  
        });
        $("#button4").click(function() {
                $(".widearea").animate({
                        marginLeft: "-2832px"
                }, 500);
				$("#button1").removeClass("selected");  
				$("#button2").removeClass("selected");  
				$("#button3").removeClass("selected");  
				$("#button4").removeClass("selected");  
				$("#button4").addClass("selected");  
        });        
});