$(function() {

carica_scatola($('#atrio'),'html/atrio.html');

carica('html/link.html','#struttura_1');

contatto();


$('#idvmenu li').mouseover(function(){ 
$(this).css('background-color','#333388');
$(this).css('cursor','pointer');
});

$('#idvmenu li').mouseout(function(){ 
$(this).css('background-color','transparent');
$(this).css('cursor','default');
});

$('#atrio').click(function(){carica_scatola($(this),'html/atrio.html')});
$('#tesseramento').click(function(){window.open('http://italiadeivalori.antoniodipietro.com/idv/tesseramento_offline.php');return false;});
$('#gruppi').click(function(){carica_scatola($(this),'html/gruppi.html')});
$('#sviluppo').click(function(){carica_scatola($(this),'html/sviluppo.html')});

});

function carica_scatola(elemento,cosa) {
$('#attendi').show();
$('#scatola').load(cosa,function(){$('#attendi').hide()});
elemento.blur();
}

function carica(cosa,quale) {
$('#attendi').show();
$(quale).load(cosa,function(){$('#attendi').hide()});
}

function contatto() {
var contenuto = 
'<p><b>Scrivi un messaggio</b></p>' +
'<p>Il tuo nome</p>' +
'<input type="text" class ="messaggio" id="tuonome" />' +
'<p>Il tuo email</p>' +
'<input type="text" class ="messaggio" id="tuoemail" />' +
'<p>testo del messaggio</p>' +
'<textarea class ="messaggio" id="tuomessaggio"></textarea>' +
'<p>Inserire il codice di controllo</p>' +
'<input id="captcha" class ="messaggio" type="text" size="4" maxlength="4" />' +
' <img id="ima_cap" src="'+'cgi-bin/captcha.pl?'+Math.round(1+(Math.random()*100))+'" alt="captcha" />' +
' <button class ="messaggio" id="invia_messaggio" onclick="javascript:invia_messaggio()">invia</button>' +
'<p style="font-size:x-small;">Il messaggio verrà ricevuto dal gruppo degli iscritti all\'estero</p>';
$('#struttura_2').html(contenuto);
}

function invia_messaggio() {
var dati = 'tuonome='+$('#tuonome').val()+'&tuoemail='+$('#tuoemail').val()+'&tuomessaggio='+$('#tuomessaggio').val()+'&captcha='+$('#captcha').val();
$.ajax({ 
url: "cgi-bin/email.pl", 
data: dati, 
beforeSend: function(){$('#attendi').show();}, 
success: function(a,b){
                        $('#struttura_2').html(a);
                        $('#attendi').hide();
                      }, 
error: function(a,b,c){
                        $('#struttura_2').html(
                                                '<p><b>Si è verificato un errore, si prega di riprovare più tardi</b></p>'+
                                                '<p>a = '+a+'</p>'+
                                                '<p>b = '+b+'</p>'+
                                                '<p>c = '+c+'</p>'
                                              );
                        $('#attendi').hide();
                      } 
});
var t=setTimeout("contatto()",5000); 
}