$(document).ready(function(){						   
	//Menu Over: Parse Submenu
	/*$("#main_menu ul li").hover(function () {
		var subMenuContent = $(this).html();

		$("#sub_menu")
			.stop(true)
			.html(subMenuContent) 
			.animate( { height:"31px" }, {duration:500} )
    });
	 
	$("#menu_container").mouseleave(function(){
		$("#sub_menu")
			.stop()
			.animate( { height:"0px" }, {duration:500} );
	});*/
	
	
	//Menu Background Fade
	$("#main_menu ul li")
		.find('a')
		.wrapInner('<span class="menu_text"></span')
		.prepend('<span class="hover" />')
		.each(function () {
			var $span = $('> span.hover', this).css('opacity', 0);
			$(this).hover(function () {
				$span.stop().fadeTo(500, 1);
			}, 
			function () {
				$span.stop().fadeTo(500, 0);
			});
    })
});

//Highslide Gallery
hs.graphicsDir = 'http://bellalunaspa.com/highslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.8;
hs.fadeInOut = true;
hs.align = 'center';
hs.captionEval = 'this.a.title';


// Add the slideshow controller
hs.addSlideshow({
		// slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: true,
		overlayOptions: {
			className: 'large-dark',
			opacity: '0.6',
			position: 'bottom center',
			offsetX: '0',
			offsetY: '-15',
			hideOnMouseOut: true
		}
	});
	
	// Optional: a crossfade transition looks good with the slideshow
	hs.transitions = ['expand', 'crossfade'];
