// a simple modal box for a login form
// written by: kristopher olds, http://www.oldski.net


var modal = {
	
	init: function(){
		
		modal.on = $('a.login');
		modal.background = $('.modal_bg');
		modal.wrap = $('#modal_wrap');
		modal.box = $('#box');
		modal.ex = $('#close');
		
		modal.box.css('opacity:0');
		modal.background.css('display:none');
		
		
		modal.on.click(function (){modal._open(); return false;} );
		modal.background.click(function (){modal._close(); return false;} );
		modal.ex.click(function (){modal._close(); return false;} );
	},

	_open: function(){
		modal.on.addClass('activated');
		modal.wrap.show();
		modal.background.fadeIn();
		modal.box.animate({
				opacity:1, 
				top:'100'},
				900, 
				function(){ /*animation complete*/});
		modal.ex.fadeIn();
				
				
	},
	
	_close: function(){
		modal.ex.fadeOut();
		modal.box.animate({
				opacity:0, 
				top:'-450'},
				900, 
				function(){ /*animation complete*/});
		modal.background.fadeOut();
		modal.wrap.hide();
		modal.on.removeClass('activated');
	}
	
}

$('document').ready(modal.init);