$(document).ready(function()
{
	//$.ifixpng('../images/pixel.gif');
	$('.png').ifixpng();
	$('img[src$=.png]').ifixpng(); // apply IE6 transparent PNG fix

	//Red spice society login fields
	var $username = $('#input_user').addClass('overLabel');
	var $password = $('#input_pass').addClass('overLabel');
	
	//Create username/password variables
	var $userInput = $username.find('input');
	var $userLabel = $username.find('label');
	var $passInput = $password.find('input');
	var $passLabel = $password.find('label');
	if ($userInput.val()) {
		$userLabel.hide();
	}
	if ($passInput.val()) {
		$passLabel.hide();
	}
	//show/hide username
	$userInput
	.focus(function() {
		$userLabel.hide();
		})
	.blur(function() {
		if (this.value == '') {
			$userLabel.show();
		}
	});
	//show/hide password
	$passInput
	.focus(function() {
		$passLabel.hide();
	})
	.blur(function() {
		if (this.value == '') {
			$passLabel.show();
		}
	});
	
	//Room navigational animations (up/down)
	$("#room_nav > li a").mouseover(function(e){
		switch(e.target.id){
			case "explore_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").addClass("room_nav_lotus-bloom");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").addClass("room_nav_bar");
			break;
			case "lantern_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").fadeIn('normal').addClass("room_nav_lantern_red");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").addClass("room_nav_lotus-bloom");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").addClass("room_nav_bar");
			break;
			case "long_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").fadeIn('normal').addClass("room_nav_long_red");
				$("#lotus-bloom").addClass("room_nav_lotus-bloom");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").addClass("room_nav_bar");
			break;
			case "lotus-bloom_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").fadeIn('normal').addClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").addClass("room_nav_bar");
			break;
			case "lotus-bud_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").fadeIn('normal').addClass("room_nav_lotus-bloom");
				$("#lotus-bud").fadeIn('normal').addClass("room_nav_lotus-bud_red");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").addClass("room_nav_bar");
				break;
			case "courtyard_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard");
				$("#bar").removeClass("room_nav_bar_red");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").addClass("room_nav_lotus-bloom");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").fadeIn('normal').addClass("room_nav_courtyard_red");
				$("#bar").addClass("room_nav_bar");
			break;
			case "bar_link":
				//change status & style menu
				$("#explore").removeClass("room_nav_explore_red");
				$("#lantern").removeClass("room_nav_lantern_red");
				$("#long").removeClass("room_nav_long_red");
				$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
				$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
				$("#courtyard").removeClass("room_nav_courtyard_red");
				$("#bar").removeClass("room_nav_bar");
				
				$("#explore").addClass("room_nav_explore");
				$("#lantern").addClass("room_nav_lantern");
				$("#long").addClass("room_nav_long");
				$("#lotus-bloom").addClass("room_nav_lotus-bloom");
				$("#lotus-bud").addClass("room_nav_lotus-bud");
				$("#courtyard").addClass("room_nav_courtyard");
				$("#bar").fadeIn('normal').addClass("room_nav_bar_red");
			break;
		}
		//alert(e.target.id);
		return false;
	});
	
	//remove popup on navigation when mouseout
	$("#room_nav > li").mouseout(function(e){
		$("#explore").removeClass("room_nav_explore_red");
		$("#lantern").removeClass("room_nav_lantern_red");
		$("#long").removeClass("room_nav_long_red");
		$("#lotus-bloom").removeClass("room_nav_lotus-bloom_red");
		$("#lotus-bud").removeClass("room_nav_lotus-bud_red");
		$("#courtyard").removeClass("room_nav_courtyard_red");
		$("#bar").removeClass("room_nav_bar_red");
		
		$("#explore").addClass("room_nav_explore");
		$("#lantern").addClass("room_nav_lantern");
		$("#long").addClass("room_nav_long");
		$("#lotus-bloom").addClass("room_nav_lotus-bloom");
		$("#lotus-bud").addClass("room_nav_lotus-bud");
		$("#courtyard").addClass("room_nav_courtyard");
		$("#bar").addClass("room_nav_bar");
		return false;
	});
	
	// The venue: expand contract text area
	$('#more_btn').toggle(
		function(){
			$('.room_nav_text').slideDown(1000);
			//$('#home_banner').animate({height:"665px"}, 1000);
			$('#close_text_btn').show();
		},
		function(){
			$('.room_nav_text').slideUp(1000);
			//$('#home_banner').animate({height:"490px"}, 1000);
			//$('#btn_contract').hide();
			$('#close_text_btn').hide();
		}
	); 
	
	//Hide all room text information
	$("#close_text_btn").click(function(){
		$("#close_text_btn").fadeOut('slow');
		$(".room_nav_text").fadeOut('slow');
		return false;
	});
	
	// Add password reminder link
	$('div.login p').prepend('<a class="forgot" href="#">Forgot Password?</a><br />');
	$('div.login a.forgot').click(function(e){
	  e.preventDefault();
	  var offset = $(this).offset();
	  $('body').append('<div class="password_reminder" style="display:none; position: absolute">Your password is your membership ID number.  Please contact us if you require further assistance logging in.</div>');
	  $('.password_reminder').css({
      top:offset.top,
      left:offset.left
	  }).fadeIn(500).click(function(){
	    $(this).fadeOut(500, function(){$(this).remove()})
	  });
	});
});