$(document).ready(
            function() {
                alignContentCenter();
                setMenu();
                startSlide();
                setListenerGalleryHome();
            });

            $(window).resize(
            function() {
                alignContentCenter();
            });

            var bMenu = true;
            
    function alignContentCenter() {
        $('#general').css('margin-top', (($(window).height() - $('#general').height()) / 2));
    }

    function setMenu() {
        // homepage
        $('#logo').bind('click', function() {
            //
            CheckInterval();

            $('#lnkHome').attr("href", "javascript:;");

            // svuoto il div dell'homepage e del footer            
            $('#txtHp').css({ display: ('block') });
            $('#footer').css({ display: ('block') });

            $('.imgGalleryHp').css({ display: ('block') });
            setListenerGalleryHome();

            // svuoto il div dal contenuto corrente            
            $('#colContent').html('');
            $('#colMenuPortfolio').html('');

            // Seleziono la voce di menu
            SetMenuSel($(this).attr('id'));

            // sposto la dimensione del contenitore
            $('#general').animate({ width: ('440px') }, 500, function() {
                bMenu = true;
            });
        });

        // chisiamo
        $('#chisiamo').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });

                // svuoto il div dal contenuto corrente                        
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('790px') }, 500, function() {
                    $('#colContent').load('ajax/getChisiamo.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '7px' });                        
                        bMenu = true;
                    });
                });
            }
        });

        // cosafacciamo
        $('#cosafacciamo').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });
                
                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('980px') }, 500, function() {
                    $('#colContent').load('ajax/getCosafacciamo.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '-93px' });
                        bMenu = true;
                    });
                });
            }
        });

        // ecocentrico
        $('#ecocentrico').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');
                
                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });                

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('900px') }, 500, function() {
                    $('#colContent').load('ajax/getEcocentrico.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '-33px' });
                        bMenu = true;
                        ecoStartSlide();
                    });
                });
            }
        });  

        // portfolio
        $('#portfolio').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });                

                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('590px') }, 500, function() {
                    $('#colMenuPortfolio').load('ajax/getPortfolio.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '7px' });
                        // Attivo i listner per il menù dei clienti
                        setMenuCLienti();
                        //
                        setScrollTo();
                        //
                        bMenu = true;
                    });
                });
            }
        });

        // news
        $('#news').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });
                
                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });
                
                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('830px') }, 500, function() {
                    $('#colContent').load('ajax/getNews.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '7px' });
                        //
                        SetLnkNews();
                        //
                        bMenu = true;
                    });
                });
            }
        });

        // contatti
        $('#contatti').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });

                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('810px') }, 500, function() {
                    $('#colContent').load('ajax/getContatti.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '7px' });
                        //
                        setForm();
                        //
                        bMenu = true;
                    });
                });
            }
        });
    }

    function SetMenuSel(_idSel) {
        $('#li_chisiamo').attr('class', '');
        $('#li_cosafacciamo').attr('class', '');
        $('#li_ecocentrico').attr('class', '');
        $('#li_portfolio').attr('class', '');
        $('#li_news').attr('class', '');
        $('#li_contatti').attr('class', '');
        //
        $('#li_' + _idSel).attr('class', 'sel');
    }

    function SetLnkNews() {
        $('.newsDettaglio').bind('click', function() {

            $(this).attr("href", "javascript:;");

            // recupero l'id della news
            sId = $(this).attr("id");

            // svuoto il div dal contenuto corrente
            $('#colContent').html('');
            $('#colMenuPortfolio').html('');

            // Seleziono la voce di menu
            SetMenuSel($(this).attr('id'));

            // sposto la dimensione del contenitore
            $('#general').animate({ width: ('980px') }, 500, function() {
                $('#colContent').load('ajax/getNewsDettaglio.aspx?ID=' + sId, null, function() {
                    SetLnkBackNews();
                });
            });
        });
    }

    function SetLnkBackNews() {
        $('.backNews').bind('click', function() {

            $(this).attr("href", "javascript:;");

            // svuoto il div dal contenuto corrente
            $('#colContent').html('');
            $('#colMenuPortfolio').html('');

            // Seleziono la voce di menu
            SetMenuSel($(this).attr('id'));

            // sposto la dimensione del contenitore
            $('#general').animate({ width: ('830px') }, 500, function() {
                $('#colContent').load('ajax/getNews.aspx', null, function() {
                    SetLnkNews();
                });
            });
        });
    }

    function initChisiamo() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '7px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('790px') }, 500, function() {
            $('#colContent').show();
        });
    }

    function initCosafacciamo() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '-93px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('980px') }, 500, function() {
            $('#colContent').show();
        });
    }

    function initEcocentrico() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '-33px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('900px') }, 500, function() {
            $('#colContent').show(function() {
                ecoStartSlide();
            });
        });
    }    
   
    function initContatti() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '7px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('810px') }, 500, function() {
        $('#colContent').show();        
        });
    }

    function initNews() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '7px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('830px') }, 500, function() {
            $('#colContent').show();
            SetLnkNews();
        });
    }

    function initPortfolio() {
        $('#colContent').hide();
        $('#colContent').css({ 'margin-top': '7px' });
        $('.imgGalleryHp').css({ 'display': 'none' });   
        $('#general').animate({ width: ('590px') }, 500, function() {
            $('#colContent').show();
            setMenuCLienti();
            setScrollTo();
        });
    }

    function setForm() {
        $('#email').focus();
        $('#send').bind('click', function() {            
            var result = true;

            $('#errorEmail').css({ display: ('none') });
            $('#errorText').css({ display: ('none') });

            var msg = '';
            var name = '';
            var surname = '';
            var email = '';
            var subject = '';
            var text = '';

            var filterName = /^([a-zA-Z])+$/;
            if ($('#email').val().length <= 0) {
                result = false;
                msg = 'il campo Email e\' obbligatorio';
                $('#errorEmail').css({ display: ('block') });
                $('#errorEmail').html(msg);
            }

            var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
            if (!filter.test($('#email').val()) && (result)) {
                result = false;
                msg = 'Email non valida';
                $('#errorEmail').html(msg);
            }

            if ($('#body').val().length <= 0) {
                result = false;
                msg = 'il campo Testo e\' obbligatorio';
                $('#errorText').css({ display: ('block') });
                $('#errorText').html(msg);
            }

            if (result) {
                // Preparo le variabili per il POST
                name = $('#name').val();
                surname = $('#surname').val();
                email = $('#email').val();
                subject = $('#subject').val();
                body = $('#body').val();

                // Invio i dati
                $('#send').css({ display: 'none' });
                $('#colContent').load('ajax/regContattaci.aspx', { 'name': name, 'surname': surname, 'email': email, 'subject': subject, 'body': body }, function() {
                    $('#send').css({ display: 'block' });
                });
            }
        });
    }

    var slide_interval = 0;
    var nCurrentPage = 0;
    var nTotImage = 0;
    var nInterval = 5000;           // tempo di attesa tra una transazione e l'altra in millisecondi

    function startSlide() {
        // Rendo Visibile subito la prima
        nTotImage = $('.imgGalleryHp > .image').length;

        //
        if (nTotImage > 0) {
            var sIdImg = $('.imgGalleryHp > .image')[0];
            sIdImg = sIdImg.id;
            $('#' + sIdImg).css({ 'display': 'block' });

            if (nTotImage > 1) {
                slide_interval = setInterval(loadNextImage, nInterval); //time in milliseconds    
            }
        }       
    }

    function loadNextImage() {
        var sIdImg = $('.imgGalleryHp > .image')[nCurrentPage];
        sIdImg = sIdImg.id;
        //$('#' + sIdImg).css({ 'display': 'none' });
        $('#' + sIdImg).fadeOut(500, function() {
            if (nCurrentPage < nTotImage - 1)
                nCurrentPage++;
            else
                nCurrentPage = 0;


            sIdImg = $('.imgGalleryHp > .image')[nCurrentPage];
            sIdImg = sIdImg.id;
            //$('#' + sIdImg).css({ 'display': 'block' });
            $('#' + sIdImg).fadeIn(500);
        });
    }

    var eco_slide_interval = 0;
    var eco_nCurrentPage = 0;
    var eco_nTotImage = 0
    var eco_nInterval = 3000;           // tempo di attesa tra una transazione e l'altra in millisecondi


    function ecoStartSlide() {
        // Rendo Visibile subito la prima
        eco_nTotImage = $('.imgGallery > .image').length;
        //
        if (eco_nTotImage > 0) {
            var sIdImg = $('.imgGallery > .image')[0];
            sIdImg = sIdImg.id;
            $('#' + sIdImg).css({ 'display': 'block' });

            if (eco_nTotImage > 1) {
                eco_slide_interval = setInterval(ecoLoadNextImage, eco_nInterval); //time in milliseconds    
            }
        }
    }

    function ecoLoadNextImage() {
        var sIdImg = $('.imgGallery > .image')[eco_nCurrentPage];
        sIdImg = sIdImg.id;
        //$('#' + sIdImg).css({ 'display': 'none' });
        $('#' + sIdImg).fadeOut(500, function() {
            if (eco_nCurrentPage < eco_nTotImage - 1)
                eco_nCurrentPage++;
            else
                eco_nCurrentPage = 0;


            sIdImg = $('.imgGallery > .image')[eco_nCurrentPage];
            sIdImg = sIdImg.id;
            //$('#' + sIdImg).css({ 'display': 'block' });
            $('#' + sIdImg).fadeIn(500);
        });
    }

    function CheckInterval() {

        if (slide_interval != 0) {
            clearInterval(slide_interval);
            slide_interval = 0;
        }

        if (eco_slide_interval != 0) {
            clearInterval(eco_slide_interval);
            eco_slide_interval = 0;
        }

    }

    function setListenerGalleryHome() {
        $('.image').bind('click', function() {
            if (bMenu) {
                //
                CheckInterval();

                bMenu = false;
                $(this).attr("href", "javascript:;");

                // svuoto il div dell'homepage e del footer
                $('#txtHp').css({ display: ('none') });
                $('#footer').css({ display: ('none') });

                // svuoto il div dell'homepage gallery
                $('.imgGalleryHp').css({ display: ('none') });

                // svuoto il div dal contenuto corrente
                $('#colContent').html('');
                $('#colMenuPortfolio').html('');

                // Seleziono la voce di menu
                SetMenuSel($(this).attr('id'));

                // sposto la dimensione del contenitore
                $('#general').animate({ width: ('590px') }, 500, function() {
                    $('#colMenuPortfolio').load('ajax/getPortfolio.aspx', null, function() {
                        $('#colContent').css({ 'margin-top': '7px' });
                        // Attivo i listner per il menù dei clienti
                        setMenuCLienti();
                        //
                        setScrollTo();
                        //
                        bMenu = true;
                    });
                });
            }
        });
    }