$(document).ready(function(){

	// fancybox video
	
	$(".videoLink").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'titlePosition'	: 'inside',
			'width'			: 680,
			'height'		: 495,
			'overlayColor'	: '#000',
			'overlayOpacity': 0.8,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

		return false;
	});

	$("a.fancybox").fancybox({
		'transitionIn'	: 'none',
		'transitionOut'	: 'none',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   true,
		'overlayColor'	: 	'#000',
		'overlayOpacity': 	0.8,  
		'titlePosition'	: 	'inside',		
	});
	
	$("a.boxOverlayer").fancybox({
		'titleShow': false,
		'padding': 2,
		'hideOnOverlayClick'	: 	true,
		'enableEscapeButton'	: 	true,	
		'centerOnScroll'		:	true,
	});	
	
	/*

	// gestione nav principale (se si scrolla di 40px la pagina, la nav scompare e ritorna visibile a top 0 )
	
	$(window).scroll(function () {
	
		if ($(this).scrollTop() > 40) {
		
			$('#wrapHeader').fadeOut();//oppure inserire .fadeTo("slow", 0.7);
			
		} else {
		
			$('#wrapHeader').fadeIn();//oppure inserire .fadeTo ("fast", 1)
		}
	});
	
	*/
	
	// hover sul box con attivazione di .black
	
	$('.titleHover').hide();
	$('.black').hide();
	
	$('.link').hover(function () {
    	$(this).find('.black').fadeTo("slow", 0.7);
    	$(this).find('.titleHover').fadeIn();
  	}, function () {
    	$(this).find('.black').fadeTo("slow", 0);
    	$(this).find('.titleHover').fadeOut();
  	});
  	
  	
  	/* INIZIO MENU & ACCORDION SIDEBAR */
  	
  	// aggiunge il triangolo <span> alla <a> della nav in Sidebar quando ha classe .selected
  	
  	var nav = $('.navSidebar'); // definisco la nav
  	
	
	nav.find('li a').each(function(){
		
		if($(this).hasClass('selected')) {
		
			$('<span>').addClass('arrow').appendTo($(this));// viene agginto <span class="arrow"></span> alla <a>
		
		} 
	
	});
	
	// riconosce se <li> ha un <ul> all'interno e quindi un sub menu ed aggiunge la classe sub alla <a> contenuta nell' <li>
	
	nav.find('li').each(function(){
	
		if($(this).find('ul').length > 0) {
		
			$(this).children('a').addClass('sub');
			$('<span>').addClass('other').appendTo($(this).children('a'));
		}
	});
	
	// se la <a> ha classe .sub attiva l'accordion altrimenti no
	
	$('.subNavSidebar').hide();
		
	nav.find('li a.sub').click(function(){
 
    if(false == $(this).next().is(':visible')) {
    
        	$('.navSidebar ul').slideUp(300);
        	nav.find('li a.sub').removeClass('active');
    	}
    	
	    	$(this).next().slideToggle(300);
	    	$(this).toggleClass('active');	    	
	});
	
	// l'attivazione l'ho inserita direttamente nella pagina. Si dovr� indicare quale sub menu dovr� essere aperto
	//$('li a.sub::nth(0)').addClass('active').next().show(); // attiva la numero 0 della subNav mostrando il contenuto del sub menu (0,1,2,3...)
	
	/* FINE MENU & ACCORDION SIDEBAR */
	
	$('.navRegione ul li a').click(
		function() {
			$('.navRegione ul li a').removeClass('selected');
			$(this).addClass('selected');
		});
});


//masonry

$(window).load(function(){
	
	$('#main').masonry({
	  itemSelector: '.box',
	  columnWidth: 40
	});
	
	$('#main.all').masonry({
	  itemSelector: '.box',
	  columnWidth: 360
	});
	
	$('body#home #main').masonry({
		  itemSelector: '.box',
		  columnWidth: 10
	});	
	
	$('.box a.link').show();
});