jQuery(document).ready(function() {



	// questo è il comando per far circondare le immagini che hanno class="dropshadow1" da 3 wrap, il cui stile è poi definito in fondo al file themes/idest/style.css
	$(document).ready(function(){
		 $("img.dropshadow1").wrap("<div id='container'><div class='wrap1'><div class='wrap2'>" +
			 "<div class='wrap3'></div></div></div></div>");
	});
	
	
		//sono disponibili anche le classi dropshadow2 e dropshadowHome
	
	
		$(document).ready(function(){
		
		
		// questa serve a NON mostrare la immagine con classe dropshadow2
		//var img_giusta = $("div.Home-notizie img.dropshadow2").css("display", "none");
	
		//definisce la variabile $img_giusta come quell'immagine che ha classe dropshadow2 (dovrebbe essere possibile rimuovere div.Home-notizie)
		var $img_giusta = $("div.Home-notizie img.dropshadow2");
		
		//appende la variabile $img_giusta, sopra definita, prima dell'immagine che deve essere sostituita (che ha classe jquery_replaces_this_image)
		$('img.jquery_replaces_this_image').before($img_giusta);
		/*la remove(); l'immagine che ha classe jquery ecc
	    In effetti non la si vede, ma l'immagine che sostituisce aveva un'altezza non naturale, dovuta al fatto ch ela nuova immagine aveva come altezza imposta dal css 
		(style.css riporta infatti:
		.Home-img-TD-recensioni img {width: 90px; border: 1px solid #999999;}
		Di conseguenza ho fatto un'ulteriore accrocchio, impostando come height:50% nella class dropshadow2. Ma funziona solo quando sono effettivamente state caricate immagini larghe 182 pixel
		(ossia, il doppio di quanto viene sovrascritto - 90px - in modo che dimezzanodo l'altezza originale, tutto torna...*/
		
		$("img.jquery_replaces_this_image").remove(); 
//		$('img[scr|="upload/immagine_non_disponibile_.jpg"]').remove();
	//$("img.jquery_replaces_this_image").remove();

		/*var img_rimuovi = $("div.Home-notizie img.dropshadow2");
			if ($('img.dropshadow2').length){
			};*/
		});
		
	
	//FUNZIONE per il replace - sostituzione di un elemento:
	//CONDIZIONE: SE ESISTE ALMENO UNA IMMAGINE CON CLASSE DROPSHADOW (TRADOTTO IN JAVASCRIPT: SE UN VETTORE DELLE IMMAGINI CON CLASSE DROPSHADOW HA UNA LUNGHEZZA)  
	//	$sostituisci = ('div.Home-notizie div.Home-articolo table tbody tr td.pn-normal font.pn-normal img.dropshadow2');

//	var img_da_sostituire = document.getElementsByClassName(Home-notizie);
		//questa fuunziona ma è generica 
	//	if ($('img.dropshadow2').length) {
		//questo non funziona
		//$(document).ready(function(){
	//if ($('div.Home-articolo table tbody tr td.pn-normal font.pn-normal img.dropshadow2').length) {
		//alert ('?');
		//};
	//};
			
				//stabilisco che la variabile img_da_sostituire è l'elemento che ha classe Home-notizie

		
			
				//IL SEGUENTE FUNZIONA PER LE SINGOLE PAGINE DELLE NEWS
				//$('img#news-pageimage').replaceWith( $("img.dropshadow2") );
				//IL SEGUENTE FUNZIONA PER LA HOMEPAGE, ma modifica entrambe le immagini delle due recensioni
				//$('div.Home-notizie div.Home-img table.shadowTable tbody tr td.Home-img-TD-recensioni a img.miniature-home').replaceWith( $("div.Home-notizie div.Home-articolo table tbody tr td.pn-normal font.pn-normal img.dropshadow2") );
				
				//definisco la variabile $sostituisci, che è solo quella contenente una img.miniature-home
			//	$sostituisci = ('div.Home-notizie div.Home-articolo table tbody tr td.pn-normal font.pn-normal img.dropshadow2');
	//			($sostituisci' div.Home-img table.shadowTable tbody tr td.Home-img-TD-recensioni a img.miniature-home').replaceWith( $('div.Home-notizie div.Home-articolo table tbody tr td.pn-normal font.pn-normal img.dropshadow2') );
				
				
				//$('div.Home-notizie div.Home-img table.shadowTable tbody tr td.Home-img-TD-recensioni a img.miniature-home').replaceWith( $("div.Home-notizie img.dropshadow2") );
				
		
});