$(function(){
	$(".right li:not(.last, .transparent) a").click(function(event){
		event.preventDefault();
		var active=$(this).parents('li').hasClass("active");
		$(".right li:not(.last, .transparent)").removeClass("active");
		if (!active) $(this).parents('li').addClass("active");
		else $(this).parents('li').removeClass("active");
	});
	
	$("#footer a").click(function(event){
		var id = $(this)[0].href.split('#')[1];
		if (id){
			event.preventDefault();
			var current=$('#'+id);
			if (!current.hasClass('selected')){
				//location.hash='#free_trial';
				console.log('open');
				$("#footer div.bottom:not(.head)").removeClass('selected').slideUp("medium");
				$('#'+id).addClass('selected').slideDown("medium",function(){location.hash='#expand';});
				//$('#'+id).slideDown("medium");
			}else {
				console.log('close');
				$("#footer div.bottom:not(.head)").removeClass('selected').slideUp("medium",function(){location.hash='#collapse';});
			}
		}
	});
	$("#login_form form").submit(function(event){
		event.preventDefault();
		$.post('login/', 
			{'login[user]':$('input[name="login[user]"]').val(),'login[pass]':$('input[name="login[pass]"]').val()},
			function(resp){
				if(resp.success){
					//delete previous error messages
					$("#errors").html("");
//					$("#login_form").html(
//				    	'<strong class="welcome">' +
//				    		'Welcome ' + resp.data.first_name + " " + resp.data.last_name+ ", " +
//				    		'<a href="login/logout/">Logout</a>' +
//				    	'</strong>'
//				    );
					$("#login_form").html("");
					//animate & show welcome & show chat
					$("#header").html("").css("height",25);
				    //$("#header").slideUp(1500, function(){$("#header").remove();});
				    $("#chat_area").css("height", 550);
				    $("#chat_area").load('chat/');
				}else{
					//show errors
					$("#errors").html(
					'<div class = "red-container">'+
						'<div class = "top"></div>'+
						'<div class = "center">'+resp.reason+'</div>'+
						'<div class = "bottom"></div>'+
					'</div>'
					);
				}
			},'json'
		);
	});
});