$(document).ready(function(){
    $('a[name=modal]').click(function(e){
        e.preventDefault();
        
        $('span.heading').html("PEC Lite");
        
        $('#lista-non-ordinata > li').remove();
        $('#lista-non-ordinata').append("<li>Canone annuale &euro; 20,00 + IVA.</li>")
        $('#lista-non-ordinata').append("<li>Casella PEC da 1GB con traffico limitato.</li>")
        $('#lista-non-ordinata').append("<li>Accesso dai più comuni client di posta elettronica.</li>")
        $('#lista-non-ordinata').append("<li>Accesso via web mail attraverso canale sicuro.</li>")
        $('#lista-non-ordinata').append("<li>Dimensione max messaggio (Compresi allegati 50 MB)</li>")
        $('#lista-non-ordinata').append("<li>Ricezione mail non certificata (opzione configurabile)</li>")
        $('#lista-non-ordinata').append("<li>Filtri e regole per i messaggi</li>")
        $('#lista-non-ordinata').append("<li>Invio Dichiarazione Certificazione Casella</li>")
        $('#lista-non-ordinata').append("<li>Validità legale dei messaggi</li>")
        $('#lista-non-ordinata').append("<li>Ricevuta di avvenuta e mancata consegna.</li>")
        $('#lista-non-ordinata').append("<li>Antivirus</li>")
        $('#lista-non-ordinata').append("<li>Antispam</li>")
        
        var id = $(this).attr('href');
        
        var maskHeight = $(document).height();
        var maskWidth = $(document).width();
        
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow", 0.8);
        
        var winH = $(window).height();
        var winW = $(window).width();
        
        $(id).css('top', winH/2-$(id).height()/0.8)
        $(id).css('left', winW/2-$(id).width())
        
        $(id).fadeIn(2000);
        $("#lista-non-ordinata > li:first").css("color", "red").css("font-weight", "bold");
        
    });
    $('a[name=pro]').click(function(e){
        e.preventDefault();
        
        $('span.heading').html("PEC Pro");
        $('#lista-non-ordinata > li').remove();
        $('#lista-non-ordinata').append("<li>Canone annuale &euro; 40,00 + IVA.</li>")
        $('#lista-non-ordinata').append("<li>Casella PEC da 5GB con traffico limitato (2 GB Caselle + 3 GB Archivio).</li>")
        $('#lista-non-ordinata').append("<li>Accesso dai più comuni client di posta elettronica.</li>")
        $('#lista-non-ordinata').append("<li>Accesso via web mail attraverso canale sicuro.</li>")
        $('#lista-non-ordinata').append("<li>Dimensione max messaggio (Compresi allegati 50 MB)</li>")
        $('#lista-non-ordinata').append("<li>Ricezione mail non certificata (opzione configurabile)</li>")
        $('#lista-non-ordinata').append("<li>Filtri e regole per i messaggi</li>")
        $('#lista-non-ordinata').append("<li>Invio Dichiarazione Certificazione Casella</li>")
        $('#lista-non-ordinata').append("<li>Validità legale dei messaggi</li>")
        $('#lista-non-ordinata').append("<li><b>Archivio di sicurezza</b></li>")
        $('#lista-non-ordinata').append("<li>Ricevuta di avvenuta e mancata consegna.</li>")
        $('#lista-non-ordinata').append("<li>Antivirus</li>")
        $('#lista-non-ordinata').append("<li>Antispam</li>")
        
        var id = $(this).attr('href');
        
        var maskHeight = $(document).height();
        var maskWidth = $(document).width();
        
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow", 0.8);
        
        var winH = $(window).height();
        var winW = $(window).width();
        
        $(id).css('top', winH/2-$(id).height()/0.8)
        $(id).css('left', winW/2-$(id).width())
        
        $(id).fadeIn(2000);
        $("#lista-non-ordinata > li:first").css("color", "red").css("font-weight", "bold");
        
    });
    $("#close-dialog").click(function(e){
        e.preventDefault();        
        $("#mask").hide();
        $(".window").hide();
    });
    $("#div-cosa").addClass("none");
    $("#link-cosa").addClass("open");
    $("#link-cosa").click(function(event){
        var cName = $("#div-cosa").attr("class");        
        $("#div-cosa").removeClass(cName);
        if (cName == "none")
        {            
            $(this).removeClass("open").addClass("close");
            $("#div-cosa").addClass("accordion-div").show("slow");            
        }
        else
        {
            $(this).removeClass("close").addClass("open");
            $("#div-cosa").RemoveClass;
            $("#div-cosa").addClass("none").hide("slow");
        }             
    })
    $("#div-perchi").addClass("none");
    $("#link-perchi").addClass("open");
    $("#link-perchi").click(function(event){
        var cName = $("#div-perchi").attr("class");        
        $("#div-perchi").removeClass(cName);
        if (cName == "none")
        {            
            $(this).removeClass("open").addClass("close");
            $("#div-perchi").addClass("accordion-div").show("slow");
        }
        else
        {
            $(this).removeClass("close").addClass("open");
            $("#div-perchi").RemoveClass;
            $("#div-perchi").addClass("none").hide("slow");
        }             
    })
    $("#div-servizi").addClass("none");
    $("#link-servizi").addClass("open");
    $("#link-servizi").click(function(event){
        var cName = $("#div-servizi").attr("class");        
        $("#div-servizi").removeClass(cName);
        if (cName == "none")
        {            
            $(this).removeClass("open").addClass("close");
            $("#div-servizi").addClass("accordion-div").show("slow");
        }
        else
        {
            $(this).removeClass("close").addClass("open");
            $("#div-servizi").RemoveClass;
            $("#div-servizi").addClass("none").hide("slow");
        }             
    })
});