pixel=965;

$(document).ready(function(){
        $("#next1").click(function() {
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        $("#next2").click(function() {
                $(".widearea").animate({
                        marginLeft: "-"+pixel+"px"
                }, 500);
        });
        $("#next3").click(function() {
                $(".widearea").animate({
                        marginLeft:  "-"+pixel*2+"px"
                }, 500);
        });
        $("#next4").click(function() {
                $(".widearea").animate({
                        marginLeft:  "-"+pixel*3+"px"
                }, 500);
        });        
        $("#next5").click(function() {
                $(".widearea").animate({
                        marginLeft:  "-"+pixel*4+"px"
                }, 500);
        }); 

        $("#prev1").click(function() {
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500);
        });
        $("#prev2").click(function() {
                $(".widearea").animate({
                        marginLeft: "-"+pixel+"px"
                }, 500);
        });
        $("#prev3").click(function() {
                $(".widearea").animate({
                        marginLeft: "-"+pixel*2+"px"
                }, 500);
        });
        $("#prev4").click(function() {
                $(".widearea").animate({
                        marginLeft: "-"+pixel*3+"px"
                }, 500);
        });        
        $("#prev5").click(function() {
                $(".widearea").animate({
                        marginLeft: "-"+pixel*4+"px"
                }, 500);
        });                                                         
});