$(document).ready(function(){

	// Panels
	$("#head span a").click(
		function(){
			$(this).toggleClass("select");
			$("#about-panel").slideToggle("slow");
		}
	);
	
	// Fade down nav
	$("#start li#preset a").animate({opacity: "0.5"}, "fast");
	$("#journeys li#city a").animate({opacity: "0.5"}, "fast");
	
	// Apply fade hover on nav
	$("#start li#preset a").hover(function() {
		$(this).animate({opacity: "1"}, "fast");
	}, function() {
		$(this).animate({opacity: "0.6"}, "fast");
	});
	$("#journeys li#city a").hover(function() {
		$(this).animate({opacity: "1"}, "fast");
	}, function() {
		$(this).animate({opacity: "0.6"}, "fast");
	});
	$("#itinerary li#back a").hover(function() {
		$(this).animate({opacity: "0.6"}, "fast");
	}, function() {
		$(this).animate({opacity: "1"}, "fast");
	});
	
	// Apply fade hover effects on index
	$("#choice li a").hover(function() {
		$(this).animate({opacity: "0.6"}, "fast");
	}, function() {
		$(this).animate({opacity: "1"}, "fast");
	});
		
	// Apply fade hover effects on cities
	$("#start label").hover(function() {
		$(this).animate({opacity: "0.6"}, "fast");
	}, function() {
		$(this).animate({opacity: "1"}, "fast");
	});

	// Apply select state on city
	$("#start label.marakesh").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.tokyo-select").removeClass().addClass('tokyo');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('marakesh-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.losangeles").click(function(){
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.tokyo-select").removeClass().addClass('tokyo');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('losangeles-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.newyork").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.tokyo-select").removeClass().addClass('tokyo');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('newyork-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.london").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.tokyo-select").removeClass().addClass('tokyo');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('london-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.istanbul").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.tokyo-select").removeClass().addClass('tokyo');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('istanbul-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.tokyo").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('tokyo-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.kathmandu").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');
		$(this).removeClass().addClass('kathmandu-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.singapore").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.saopaulo-select").removeClass().addClass('saopaulo');		
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$(this).removeClass().addClass('singapore-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply select state on city
	$("#start label.saopaulo").click(function(){
		$("#start label.losangeles-select").removeClass().addClass('losangeles');
		$("#start label.newyork-select").removeClass().addClass('newyork');
		$("#start label.london-select").removeClass().addClass('london');
		$("#start label.istanbul-select").removeClass().addClass('istanbul');
		$("#start label.marakesh-select").removeClass().addClass('marakesh');
		$("#start label.kathmandu-select").removeClass().addClass('kathmandu');
		$("#start label.singapore-select").removeClass().addClass('singapore');
		$(this).removeClass().addClass('saopaulo-select');
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply fade hover effects on journeys
	$("#journeys label").hover(function() {
		$(this).addClass("hover");
	}, function() {
		$(this).removeClass("hover");
	});
	
	// Apply select state on journeys
	$("#journeys label").click(function(){
		$("label.select").removeClass("select");
		$(this).toggleClass("select");
		$(this).animate({opacity: "1"}, "fast");
		$(this).animate({opacity: "0.6"}, "fast");
		$(this).animate({opacity: "1"}, "fast");
		// Make button active and flash
		$("button").fadeIn("slow");
		$("button").animate({opacity: "1"}, "fast")
	});
	
	// Apply fade hover effect on button
	$("button").hover(function() {
		$("button img").animate({opacity: "0.7"}, "fast");
	}, function() {
		$("button img").animate({opacity: "1"}, "fast");
	});
	
	// Fade down new link
	$("#video #wrap a").animate({opacity: "0.5"}, "fast");
	
	// Apply fade hover effect on new link
	$("#video #wrap a").hover(function() {
		$(this).animate({opacity: "1"}, "fast");
	}, function() {
		$(this).animate({opacity: "0.5"}, "fast");
	});

});