jQuery(document).ready(function(){
	var loginblock  = jQuery("#region-user-first");
	var preheader   = jQuery("#zone-header-wrapper");
	var viewport = {
    	width  : jQuery(window).width(),
    	height : jQuery(window).height()
	};
	// retrieve variables as 
	// viewport.width / viewport.height
	
	function openlogin() {
		jQuery(function () {
		    preheader.animate({
		       marginTop: "140px",
		    }, { duration: 250, queue: false });
			loginblock.animate({
		       top: "0px",
		    }, { duration: 250, queue: false });
		});
	}
	
	function closelogin() {
		var closelogin = jQuery(function() {
	    	preheader.animate({
	            marginTop: "0px",
	    	}, { duration: 220, queue: false });
			loginblock.animate({
	            top: "-140px",
	    	}, { duration: 220, queue: false });
		});
	}

	// checking whether to open or close nav menu
	jQuery("#login-btn").live("click", function(e){
		e.preventDefault();
		var topval = preheader.css('marginTop');
		
		if(topval == "0px") {
			openlogin();
		}
        
		else { 
			closelogin(); 
		}
	});

});