$(document).ready(function(){
		
		//$('#project-content').is(":hidden")
		
		//metto il caricamento dell'XML dentro una funzione per richiamarlo

			// ho capito che l'eventi CLICK deve stare dentro READY event
		//alert ("prova");
				
					$("#_1,#_2,#_3,#_4,#_5,#_6,#_7,#_8,#_9,#_10,#_11,#_12,#_13,#_14,#_15,#_16,#_17,#_18,#_19,#_20,#_21,#_22,#_23,#_24,#_25,#_26,#_27,#_28,#_29,#_30,#_31,#_32,#_33,#_34,#_35,#_36,#_37,#_38,#_39,#_40,#_41,#_42,#_43,#_44,#_45,#_46,#_47,#_48").click(function()
					
					 
					{
						var project = this.id;
			
							$('#project-content').slideUp("slow", function caricoXML() 
									{
	
										//svuoto prima il mio div
										$("#project-content").empty();
											
											$.ajax({
												type: "GET",
												url: "media/xml/sites"+project+".xml",
												dataType: "xml",
												complete: function apertura() 
												{
													$('#project-content').slideDown("slow", function controlloAltezzaDiv() 
													{
														//qualche condizione che mi permette di avere la linea 
														//tratteggioata lunga quanto il div description
														var altezzaDivDescr = $('#project-description').height();
														var altezzaDivInfo = $('#project-info').height();
														//alert ($('#project-description').height());
															if (altezzaDivDescr >= altezzaDivInfo)
															{
																var aggiustamentoBorder = 
																{
																'height' : altezzaDivDescr
																}
																$('#project-info').css(aggiustamentoBorder);																
															}

													});
													
												},
												success: function(xml) {
													$(xml).find('dati').each(function(){
														
														var title = $(this).find('title').text();
														var subtitle = $(this).find('subtitle').text();
														var descrizione = $(this).find('descrizione').text();
														$('<div id="project-description"></div>').html('<h1>'+title+'</h1>').appendTo('#project-content');
														$('<h2></h2>').html(subtitle).appendTo('#project-description');
														$('<p></p>').html(descrizione).appendTo('#project-description');
																		
													//inserisco il div di destra contenente i nomi dei progettisti
														$('<div id="project-info"><ul></ul></div>').appendTo('#project-content');
															$(this).find('progetto').each(function(){
																var id = $(this).attr('id');
																$('<li id="link_'+id+'"></li>').appendTo('#project-info ul');
																var cosa = $(this).find('cosa').text();
																//var chi = $(this).find('chi').text();
																$('<h1></h1>').html(cosa).appendTo('#link_'+id);
																//$('<h2 class="pro-info"></h2>').html(chi).appendTo('#link_'+id);
																
																$(this).find('chi').each(function(){
																	var nome = $(this).find('nome').text();
																	$('<h2></h2>').html(nome).appendTo('#link_'+id);	
																	
																});	
																	   if ($('#project-info ul li h2').is(":last"))
																	   {
																			  //alert ("prova");
																			  var cambioCSS = 
																			  {
																				'margin-bottom' : '6px'
																			  }
		
																			$('#project-info ul li h2:last').css(cambioCSS);
																		
																	   }
																	   
																	   {	var border = {
																							'border-bottom-color' : '#005151',
																							'border-bottom-style' : 'dotted',
																							'border-bottom-width' : '1px',
																							'margin-bottom' : '10px'
																							}
																			$("#project-content").css(border);} 
	
															});
			
													});
												}
											
											});
								
								});//chiudo funzione caricoXML
				});
				
			});