$(document).ready(function() {
	$("#nav li:first > a").addClass('firstNav');
	$("#nav li:last > a").css("borderRight", "none");
	$("#nav li ul li:last a").css("borderBottom", "none");
	$("#nav li ul").each(function(index) {
		if($(this).size() == 1){
			$(this).find('a').css("paddingTop", "12px");
		}
		$(this).prev('a').append(" &nbsp;<img src='http://dev.1000pitches.com/wp-content/themes/default/images/navArrow.png' alt=''/>");
	});
	$("#nav > li").hover(function() {
			$(this).children("ul").show();
			$(this).addClass("hover");
		}, function() {
			$(this).children("ul").hide();
			$(this).removeClass('hover');
		});
	
	
	//Login Lightbox
	$("#loginLink").click(function(){
		var windowHeight = $(window).height();
		var documentHeight = $(document).height();
		$('body').append("<div id='overlay'></div>");
		if(documentHeight>=windowHeight){
			$("#overlay").height(documentHeight);
		} else{
			$("#overlay").height(windowHeight);
		}
		
		$('body').append("<div id='loginBox'></div>");
		$("#loginBox").append("<div id='loginBoxInner'></div>");
		showLoginForm();
	});
	
	function showLoginForm(){
		$("#loginBoxInner").empty();//removes any child nodes
		$("#loginBoxInner")
			.append("<h2>Group Login</h2>")
			.append("<p>Login below to view your class or student organization’s progress towards reaching the pledged goal. don’t have an account? <a href='/register/'>Register Now</a></p>")
			.append("<label for='loginEmail' id='emailLabel'>E-Mail</label><div class='inputWrap'><input type='text' class='field text full' value='' maxlength='255' tabindex='1' id='loginEmail' name='loginEmail'/></div>")
			.append("<label for='loginPassword' id='passwordLabel'>Password</label><div class='inputWrap'><input type='password' class='field text full' value='' maxlength='255' tabindex='2' id='loginPassword' name='loginPassword' /></div>")
			.append("<a href='javascript:;' id='btnLogin'>Login</a><a href='javascript:;' id='forgotPassLink'>Forgot Password?</a>");
		
		
		$("#btnLogin").click(function(){

				$.post("/groupLogin.php", { 	
										email: $("#loginEmail").attr("value"), 
										pass: $("#loginPassword").attr("value")
									 },
				  function(data){
						if( !data.match(/error/) ){
							window.location.href = "/group-dashboard/";
						} else { 
							if( data.match(/password/) ){
								$("#passwordLabel").css("color", "#f00");
							}else {
								$("#passwordLabel").css("color", "#000");
							}

							if( data.match(/email/) ){
								$("#emailLabel").css("color", "#f00");
							}else {
								$("#emailLabel").css("color", "#000");
							}
						}
				  });
			});
	};
	
	
	
	function showForgotPass(){
		$("#loginBoxInner").empty();//removes any child nodes
		$("#loginBoxInner")
			.append("<h2>Group Login</h2>")
			.append("<p>Enter your email address below and we’ll send you your password.</p>")
			.append("<label for='forgotEmail' id='forgotEmailLabel>E-Mail</label><div class='inputWrap'><input type='text' class='field text full' value='' maxlength='255' tabindex='1' id='forgotEmail' name='forgotEmail'/></div>")
			.append("<a href='javascript:;' id='btnSubmit'>Submit</a><a href='javascript:;' id='cancelForgotLink'>Nevermind</a>");
			
			
		$("#btnSubmit").click(function(){
			$.post("/resetPassword.php",{
							email: $("#forgotEmail").attr("value")
						},
				function(data){
					if( !data.match(/error/) ){
						alert( "Your new password has been emailed to you.");
						showLoginForm();
					} else {
						$("#forgotEmail").css("background-color", "#f00");
					}
				}
			);
		
		});
	};
	$('#forgotEmail').live("click", function(){
		$("#forgotEmail").css("background-color", "#fff");
	});
	
	$('#forgotPassLink').live("click", function(){
		showForgotPass();
	});
	$('#cancelForgotLink').live("click", function(){
		showLoginForm();
	});
	$(".btnClose").live("click",function(){
			closeLogin();
		});
		$("#overlay").live("click",function(){
			closeLogin();
		});
	
	function closeLogin(){
		$("#overlay").remove();
		$("#loginBox").remove();
	};
});