$(document).ready(function() {
	
	// remove CSS background images in js-enabled browsers only 
	// remove non-selected nav items only
	
	$(".nav").children("li").each(function() {
		var current = "nav current-" + ($(this).attr("class"));
		var parentClass = $(".nav").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	

	// create events for each nav item
	
	attachNavEvents(".nav", "intro");
	attachNavEvents(".nav", "day1");
	attachNavEvents(".nav", "day2");
	attachNavEvents(".nav", "day3");
	attachNavEvents(".nav", "day4");
	attachNavEvents(".nav", "day5");
	attachNavEvents(".nav", "day6");	
	attachNavEvents(".nav", "day7");
	attachNavEvents(".nav", "day8");
	attachNavEvents(".nav", "day9");
	attachNavEvents(".nav", "outro");
	
	// create new div for jQuery effect and reference css rules
	
	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="nav-' + myClass + '"></div>');
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(250);
		}).mouseout(function() {
			$("div.nav-" + myClass).fadeOut(125, function() {
				$(this).remove();
			});
		}).mousedown(function() {
			$("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
		}).mouseup(function() {
			$("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
		});
	}

	// initiate jQuery Cycle plugin

  	$('.gallery_images').cycle({ 
      	fx: 'fade', speed: 'slow', timeout: 0, next: '#next', prev: '#prev' 
  	});

});