/**
 * Script di animazione javascript dell'home page.
 * Viene personalizzato un effetto del tabs di jquery.tools
 * @link http://flowplayer.org/tools/tabs/index.html
 */
$(document).ready(function() {
	
	/* Nuovo effetto che viene aggiunto a jquery.tools.tabs */
	$.tools.tabs.addEffect("smoothfade", function(tabIndex, done) {
		var conf = this.getConf(),
		    panes = this.getPanes();
		
		// portiamo sotto tutte le immagini
		panes.css({
			'z-index': 1,
			'opacity': 0
		});
		
		// l'immagine attualmente visibile viene abbassata di livello
		this.getCurrentPane().css({
			'z-index': 2,
			'opacity': 1
		}).animate({'opacity': 0}, 200);
		
		// l'immagine che entra viene gradualmente resa visibile
		panes.eq(tabIndex).css({
			'z-index': 3,
			'opacity': 0
		}).animate({'opacity': 1}, 2000);
	
		// the supplied callback must be called after the effect has finished its job
		done.call();
	});
	
	/* calcolo la dimensione degli li interni a ul.tabs */
	var tabsWidth = 0;
	$("ul.tabs li").each(function(){ tabsWidth += $(this).width(); });
	
	/* Avvio slideshow con nuovo effetto */
	var slideshow = $("ul.tabs")
		/* definisco la larghezza per permettere il centraggio */
		.width(tabsWidth) 
		.css('left', ((690 - tabsWidth) / 2) | 0)
		.tabs(".images > div", {
			effect: "smoothfade",
			rotate: true	
		})
		.slideshow({api:true, clickable: false, interval: 4000})
			.play(); 
		
	
	/* Avvio animazione news stile ansa */
	$('#ansanews').ansanews();
	
	/* Avvio tooltip */
	$("img[title], .news-item a[title], .focus-text a[title], .box-image img[title], .box-text a[title], area[title]").tooltip({
		track: true,
		showBody: " - ",
		showURL: false		
	});
	
	/* Attiviamo l'effetto corner sul tooltip */
	// $('#tooltip').corner();
	
});