$(document).ready(function() {

	$("#parent_cases").cycle({
		fx:     'scrollVert',
    	timeout: 0 ,
		pager: '.pager',
		pagerAnchorBuilder: pagerFactory
	});
	function pagerFactory(idx, slide) {
		if ((idx+1)==1) multi_cycle(idx+1);
        return '<li><a href="#" rel="'+(idx+1)+'">.'+(idx+1)+'</a></li>';
    };
	
	$(".pager li a").click(function() {
		rel=$(this).attr('rel');
		multi_cycle(rel);
		//return false;
	});
		
	function multi_cycle(i) {
		$("#image_cases-"+i).cycle({
			fx:     'fade',
			prev:   '#prev', 
			next:   '#next',
			startingSlide:   0,
			timeout: 4000
			//after: onAfter
		});
		return false;
	}
	function onAfter(curr, next, opts) {
    	var index = opts.currSlide;
    	$('#prev')[index == 0 ? 'hide' : 'show']();
    	$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
		return false;
	}

	
	var fadeopacity = 0.30;
	var speed = 'fast';
	
	$("#menu ul li a")
		.mouseover(function(){		
			for(var i = 0; i < $("#menu ul").children().size(); i++) {
				var li_item = $("#menu ul li:nth-child("+ (i+1) +") a");				
				li_item.append('<div id="mask'+i+'" class="mask"></div>');
				$('#mask'+i).css('height',$(this).height());
				$('#mask'+i).css('width',$(this).width());
				$('#mask'+i).css('marginTop',"-"+$(this).height()+"px");
				$('#mask'+i).css('opacity',0).fadeTo(speed,fadeopacity);
				
			}
			$(this).find("div.mask").remove();
			
		})
		.mouseout(function(){			   
			//$("#menu li").find("div.mask").fadeTo(speed,0,function() {
      			$("#menu li").find("div.mask").remove();
    		//});			
		});

	
	
	$('#pannel').jScrollPane({
		scrollbarWidth: 9,
		dragMaxHeight : 9
	});
	
	$(".credits").click(function() {
		credits('#credits');
		popin('#credits','#chiudi');
	});
	
	$(".garanzia").click(function() {
		credits('#garanzia');
		popin('#garanzia','#chiudi2');
	});
	
	function popin(div,chiudi) {
		animationSpeed='fast';
		$(div).hide().fadeIn(animationSpeed);
		$(chiudi).click(function() {
			close_overlay(div);
		});
	}
	
	function credits(div) {
		opacity=0.7;
		animationSpeed='fast';
		$('body').append('<div id="overlay"></div>');
		$('#overlay').css('height',$(document).height());
		$('#overlay').css('opacity',0).fadeTo(animationSpeed,opacity);
		$('#overlay').click(function(){
			close_overlay(div);
		});
	}
	function close_overlay(div) {
		animationSpeed='fast';
		$('#overlay').fadeOut(animationSpeed,function(){ $(this).remove(); });
		$(div).fadeOut(animationSpeed);
	}
	
	/*struttura*/
	$("#foto-struttura").infiniteCarousel();
	
});