$(document).ready(function(){
        $("#button1").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "0px"
                }, 500);return false;
        });
        $("#button2").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-240px"
                }, 500);return false;
        });
        $("#button3").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-480px"
                }, 500);return false;
        });
		$("#button4").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-720px"
                }, 500);return false;
        });
		$("#button5").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-960px"
                }, 500);return false;
        });
		$("#button6").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-1200px"
                }, 500);return false;
        });
		$("#button7").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-1440px"
                }, 500);return false;
        });
		$("#button8").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-1600px"
                }, 500);return false;
        });
		$("#button9").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-1800px"
                }, 500);return false;
        });
		$("#button").click(function() {
		  $(this).addClass('open').siblings().removeClass('open');
                $(".widearea").animate({
                        marginLeft: "-2000px"
                }, 500);return false;
        });

        $("#media1").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".media_area").animate({
                        marginLeft: "0px"
                }, 500);return false;
        });
        $("#media2").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".media_area").animate({
                        marginLeft: "-250px"
                }, 500);return false;
        });
        $("#classifica1").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".classifica_area").animate({
                        marginLeft: "0px"
                }, 500);return false;
        });
        $("#classifica2").click(function() {
		   $(this).addClass('open').siblings().removeClass('open');
                $(".classifica_area").animate({
                        marginLeft: "-193px"
                }, 500);return false;
        });

});