$(document).ready(function(){
        $(".buttonone").click(function() {
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        $(".buttontwo").click(function() {
                $(".widearea").animate({
                        marginLeft: "-760px"
                }, 500);
        });
        $(".buttonthree").click(function() {
                $(".widearea").animate({
                        marginLeft: "-1520px"
                }, 500);
        });
        $(".buttonfour").click(function() {
                $(".widearea").animate({
                        marginLeft: "-2280px"
                }, 500);
        });
        $(".buttonfive").click(function() {
                $(".widearea").animate({
                        marginLeft: "-3040px"
                }, 500);
        });
});