//*************************************
//			Login Panel Animation 	  *
//*************************************
$(document).ready(function(){
    var opened;
	$("#loginpanel").css({'marginBottom' : '-110px', 'opacity' : '0.0'});
	
	// Handle login form at bottom of page
    $(".login_btn").toggle(
    function(){
		$("#loginpanel").animate(
		{ 
		marginBottom: "5px",
		opacity: 1.0
		}, 300, "easeOutBack" );
		$('#email').focus();
		return false;
	},
	function(){
		$("#loginpanel").animate(
		{ 
		marginBottom: "-110px",
		opacity: 0
		}, 300, "easeInBack" );
		return false;	
	});
	
	// validate login form
	$(".validform").validate({
	   invalidHandler: function() {
	   	 $('.form_loading_icon').hide();
	   }
	});
    
	//form send show loader
	$('.formSUBMIT').click(function(){
    	$(this).next(".form_loading_icon").hide().fadeIn(200);
    });    
	
	//form animate
	$(".form_container").hide().fadeIn(400);
	
	// fade in/out nav on hover
	$("#nav li")
	.fadeTo(1000, 0.7)
	.mouseover(function(){
		$(this).stop().fadeTo(150, 1);
	})
	.mouseout(function(){
		$(this).stop().fadeTo(150, 0.7);
	})
	
	// set nav active state on click
	$("#nav a").click(function(){
		$("#nav a").removeClass("active");
		$(this).removeClass("inactive").addClass("active")
	})
	
	// disable submit buttons on submit
	$(".form").submit(function(){
		$("#send_btn").fadeTo(70).attr('disabled', 'disabled');
	});
	
	// fade in/out logo
	$('#aurer-logo').fadeTo(1500, 0.6)
	.mouseover(function(){
		$(this).fadeTo('fast', 1);
	})
	.mouseout(function(){
		$(this).fadeTo('fast', 0.6);
	})
	
	$('.social a')
	.mouseover(function(){
		$(this).contents('span').stop().animate({"textIndent":0}, 200, 'easeOutExpo')
	})
	.mouseout(function(){
		$(this).contents('span').stop().animate({"textIndent":-100}, 200, 'easeInExpo')
	})
	
});