var div_largo = null;

    var sezioni = new Array(
        {box:'box-about', colore:'#9CAA9C', titolo:'About', left:'1px', descrizione:'chi sono e di cosa mi occupo', bg:"about-bg.png",},
        {box:'box-portfolio', colore:'#FFFFFF', titolo:'Portfolio', left:'50px', descrizione:'lavori e progetti', bg:"portfolio-bg.png",},
        {box:'box-twitter', colore:'#BD9A52', titolo:'Idee', left:'100px', descrizione:'cinguettii in libertà', bg:"idee-bg.png",},
        {box:'box-contatti', colore:'#777B88', titolo:'Contatti', left:'150px', descrizione:"e-mail, LinkedIn e quant'altro", bg:"contatti-bg.png",}
    );

    $(document).ready(
        function(){

            $("#freccia-giu-about").click(
                function(){
                    $('#box-about-0-interno-1').animate({scrollTop:$('#box-about-0-interno-1').scrollTop()+100}, 500);
                }
            )

            $("#freccia-su-about").click(
                function(){
                    $('#box-about-0-interno-1').animate({scrollTop:$('#box-about-0-interno-1').scrollTop()-100}, 500);
                }
            )

            $("#freccia-giu-portfolio").click(
                function(){
                    $('#box-portfolio-0-interno-1').animate({scrollTop:$('#box-portfolio-0-interno-1').scrollTop()+100}, 500);
                }
            )

            $("#freccia-su-portfolio").click(
                function(){
                    $('#box-portfolio-0-interno-1').animate({scrollTop:$('#box-portfolio-0-interno-1').scrollTop()-100}, 500);
                }
            )

            $("#contenitore > div").each(
                function(i){
                    $(this).click(
                        function(){
                            if($(this).attr("id")=="box-bianco-sinistra"||$(this).attr("id")=="box-bianco-destra") return;
                            $("#titolo-sezione").removeClass("margine-sinistro-150");
                            $("#footer").removeClass("margine-destro-150");
                            if($("#box-bianco-sinistra").width()==150) $("#box-bianco-sinistra").animate({"width":"0",}, "fast");
                            if($("#box-bianco-destra").width()==150) $("#box-bianco-destra").animate({"width":"0",}, "fast");
                            if($(this).width()==50){
                                if(div_largo!=null){
                                    $(div_largo).animate({"width":"50px",}, "fast");
                                    $(div_largo + "-interno").fadeOut('slow');
                                    $(div_largo).css('background-image', "none");
                                }
                                $(this).animate({"width":"350px",}, "fast");
                                var indice = parseInt($(this).attr("id").split("-")[2]);
                                $("#titolo-sezione").animate({left:sezioni[indice].left,});
                                $("#titolo-sezione").html(sezioni[indice].titolo);
                                $("#titolo-sezione").css('color', sezioni[indice].colore);
                                $(this).css('background-image', "url(http://www.antoniofittipaldi.it/img/" + sezioni[indice].bg + ")");
                                $("#descrizione-sezione").html(sezioni[indice].descrizione);
                                $("#" + $(this).attr("id") + "-interno").fadeIn('slow');
                                div_largo = "#" + $(this).attr("id");
                            }
                        }
                    )
                }
    )

    $("#box-about-0").click();

    })