$(document).ready(function(){
	
	
	$('#introWrapper,.home_eventi').delay(5000).animate({opacity:'1'},1000, function() {
   		 $("#ingresso").css("visibility","hidden");
	});
	
	$('#ingresso').click(function(event){
     	event.stopPropagation();
		$('#introWrapper,.home_eventi').stop()
		$(this).css({visibility:'hidden'})
		$('#introWrapper,.contenutopagina,.home_eventi').fadeIn()
	  	
	});
	
	$('#nascondi').click(function(){
		$('#'+$(this).attr('class')).fadeOut()
		$('#ingresso').css({visibility:'visible'})
	})
	
	/*
	 	$('#ingresso').delay(5000).animate({opacity:'0'})
		$('#introWrapper').delay(5000).fadeIn()
		$('.home_eventi').delay(5000).fadeIn()
	
	 
	$('#ingresso').click(function(event){
     	event.stopPropagation();
		$(this).css({visibility:'hidden'})
		$('#introWrapper,.contenutopagina').fadeIn()
	  	
	});
	*/
	/*
	$('#ingresso').click(function(){
		$(this).css({visibility:'hidden'})
		$('#introWrapper,.contenutopagina').fadeIn()
	})
	*/
	
	
	
	//* FANCYBOX INIZIO */
	$("a.lightbox").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	/* FANCYBOX FINE */
	// $('#introWrapper').delay(1000).fadeIn()
	// QUANDO ENTRI SI DEVE APRIRE IL MENU HOME E NASCONDERE INGRESSO$('#ingresso').fadeOut()
	
	/*
	$('#hideContent').click(function(){
		//if ($('.contenutopagina').css({display:'block'})){$('.contenutopagina').fadeOut()}
		//else ($('.contenutopagina').fadeIn())
		//$('#ingresso').css({visibility:'visible'})
	}) */
	
//	Cufon.replace('.post h1,.post h2,.post h3, #welcome p'); // Works without a selector engine
	
		$('#hideContent').toggle(
			function(){
			$(this).fadeOut(50).delay(600).css({backgroundImage:'none'}).html('<img src="sites/all/themes/conventosangiuseppe/images/mostra.png" alt="" />').fadeIn(500)
			$('.contenutopagina,#menuVert').fadeOut()
			},
			function(){
				$(this).css({backgroundImage:'none'}).html('<img src="sites/all/themes/conventosangiuseppe/images/nascondi.gif" alt="" />')
				$('.contenutopagina,#menuVert').fadeIn()	
			}
		)
	
	var altezzaCol = $('#colMain').height();
	var altezzaPost = altezzaCol - 47;
	var altezzaGallery = altezzaCol - 67;
	var container2 = altezzaPost - 30;
	// var container3 = altezzaPost -10;
	// $('.post').css({height:altezzaPost})
	$('.post').css({height:altezzaPost})
	$('.coloreEvento .post').css({height:'209px'})
	$('#menuVert').css({height:altezzaPost})
	$('.coloreEvento #menuVert').css({height:'209px'})
	$('.gallery').css({height:altezzaGallery})
	$('.coloreEvento .gallery').css({height:'190px'})
	$('#jp-container2').css({height:container2})
	$('#jp-container3').css({height:container2})
	
	
	$('.room').hover(function(){
		$('.roomText').hide()
		$('.'+$(this).attr('ID')).show()
	})
	$('#submenu li:first').hide()
	$('#salaFirst').show()
	$('.salaLink').click(function(){
		$('.salaLink').removeClass('current')
		$(this).addClass('current')
			$('.contenutovista,.contenutopagina').hide()
		$('.contenutovista.'+$(this).attr('ID')+', .gallery').fadeIn(1000)
		$('#jp-container'+$(this).attr('ID')+'Content').jScrollPane({
   verticalGutter  : -16
  })
  $('#jp-container'+$(this).attr('ID')).jScrollPane({
   verticalGutter  : -16
  })
	})
	
	$("a[rel^='prettyPhoto']").prettyPhoto({
		show_title: false,
		theme:'dark_rounded',
		social_tools: false
	});
	
	// $('#submenu ul li:eq(0)').hide()
	
	$(function() {
			
				// the element we want to apply the jScrollPane
				var $el					= $('#jp-container,#jp-container2,#jp-container3').jScrollPane({
					verticalGutter 	: -16
				}),
						
				// the extension functions and options 	
					extensionPlugin 	= {
						
						extPluginOpts	: {
							// speed for the fadeOut animation
							mouseLeaveFadeSpeed	: 500,
							// scrollbar fades out after hovertimeout_t milliseconds
							hovertimeout_t		: 1000,
							// if set to false, the scrollbar will be shown on mouseenter and hidden on mouseleave
							// if set to true, the same will happen, but the scrollbar will be also hidden on mouseenter after "hovertimeout_t" ms
							// also, it will be shown when we start to scroll and hidden when stopping
							useTimeout			: true,
							// the extension only applies for devices with width > deviceWidth
							deviceWidth			: 980
						},
						hovertimeout	: null, // timeout to hide the scrollbar
						isScrollbarHover: false,// true if the mouse is over the scrollbar
						elementtimeout	: null,	// avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar
						isScrolling		: false,// true if scrolling
						addHoverFunc	: function() {
							
							// run only if the window has a width bigger than deviceWidth
							if( $(window).width() <= this.extPluginOpts.deviceWidth ) return false;
							
							var instance		= this;
							
							// functions to show / hide the scrollbar
							$.fn.jspmouseenter 	= $.fn.show;
							$.fn.jspmouseleave 	= $.fn.fadeOut;
							
							// hide the jScrollPane vertical bar
							var $vBar			= this.getContentPane().siblings('.jspVerticalBar').hide();
							
							/*
							 * mouseenter / mouseleave events on the main element
							 * also scrollstart / scrollstop - @James Padolsey : http://james.padolsey.com/javascript/special-scroll-events-for-jquery/
							 */
							$el.bind('mouseenter.jsp',function() {
								
								// show the scrollbar
								$vBar.stop( true, true ).jspmouseenter();
								
								if( !instance.extPluginOpts.useTimeout ) return false;
								
								// hide the scrollbar after hovertimeout_t ms
								clearTimeout( instance.hovertimeout );
								instance.hovertimeout 	= setTimeout(function() {
									// if scrolling at the moment don't hide it
									if( !instance.isScrolling )
										$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								}, instance.extPluginOpts.hovertimeout_t );
								
								
							}).bind('mouseleave.jsp',function() {
								
								// hide the scrollbar
								if( !instance.extPluginOpts.useTimeout )
									$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								else {
								clearTimeout( instance.elementtimeout );
								if( !instance.isScrolling )
										$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								}
								
							});
							
							if( this.extPluginOpts.useTimeout ) {
								
								$el.bind('scrollstart.jsp', function() {
								
									// when scrolling show the scrollbar
								clearTimeout( instance.hovertimeout );
								instance.isScrolling	= true;
								$vBar.stop( true, true ).jspmouseenter();
								
							}).bind('scrollstop.jsp', function() {
								
									// when stop scrolling hide the scrollbar (if not hovering it at the moment)
								clearTimeout( instance.hovertimeout );
								instance.isScrolling	= false;
								instance.hovertimeout 	= setTimeout(function() {
									if( !instance.isScrollbarHover )
											$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
									}, instance.extPluginOpts.hovertimeout_t );
								
							});
							
								// wrap the scrollbar
								// we need this to be able to add the mouseenter / mouseleave events to the scrollbar
							var $vBarWrapper	= $('<div/>').css({
								position	: 'absolute',
								left		: $vBar.css('left'),
								top			: $vBar.css('top'),
								right		: $vBar.css('right'),
								bottom		: $vBar.css('bottom'),
								width		: $vBar.width(),
								height		: $vBar.height()
							}).bind('mouseenter.jsp',function() {
								
								clearTimeout( instance.hovertimeout );
								clearTimeout( instance.elementtimeout );
								
								instance.isScrollbarHover	= true;
								
									// show the scrollbar after 100 ms.
									// avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar								
								instance.elementtimeout	= setTimeout(function() {
									$vBar.stop( true, true ).jspmouseenter();
								}, 100 );	
								
							}).bind('mouseleave.jsp',function() {
								
									// hide the scrollbar after hovertimeout_t
								clearTimeout( instance.hovertimeout );
								instance.isScrollbarHover	= false;
								instance.hovertimeout = setTimeout(function() {
										// if scrolling at the moment don't hide it
									if( !instance.isScrolling )
											$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
									}, instance.extPluginOpts.hovertimeout_t );
								
							});
							
							$vBar.wrap( $vBarWrapper );
							
						}
						
						}
						
					},
					
					// the jScrollPane instance
					jspapi 			= $el.data('jsp');
					
				// extend the jScollPane by merging	
				$.extend( true, jspapi, extensionPlugin );
				jspapi.addHoverFunc();
			
			});

})