$(document).ready(function(){
  
  $("#info_1").click(function(){
    showAvviso('info_1');
  });
  
  $("#info_2").click(function(){
    showAvviso('info_2');
  });  
});

first=1;
status=1;

function showAvviso(avv_id) {
    $("#avviso").stop();
    text = "";
    if (first) {
        $("div.page").append('<div id="avviso"><p class="title">INFO TRAFFICO FART<span id="close">X</span></p><p class="text">'+text+'</p></div>');
        $("#close").click(function(){hideAvviso();});
    }
    else {
        $("#avviso").show();
    }
    first=0;
    $("#avviso p.text").load('http://www.centovalli.ch/info_traffico.php',{avviso:avv_id});
    $("#avviso").animate({height:"250px",top:"175px"},"slow");
    
    $("#avviso").css("border-width","1px");
}

function hideAvviso() {
    $("#avviso").stop();
    $("#avviso").css("border-width","0px");
    $("#avviso").animate({height:"0px",top:"275px"},"slow");
}