$(document).ready(function(){
        $(".pg1").click(function() {
                $("#main").animate({
                        marginLeft: "0px"
                }, 500);
        });
        $(".pg2").click(function() {
                $("#main").animate({
                        marginLeft: "-760px"
                }, 500);
        });
        $(".pg3").click(function() {
                $("#main").animate({
                        marginLeft: "-1520px"
                }, 500);
        });
        $(".pg4").click(function() {
                $("#main").animate({
                        marginLeft: "-2280px"
                }, 500);
        });
        $(".pg4b").click(function() {
                $("#main").animate({
                        marginLeft: "-3040px"
                }, 500);
        });
        $(".pg5").click(function() {
                $("#main").animate({
                        marginLeft: "-3800px"
                }, 500);
        });
        $(".pg6").click(function() {
                $("#main").animate({
                        marginLeft: "-4560px"
                }, 500);
        });
});