$('.closeDiv').live('click', function()
	{
		$(this).parents('.modal').animate({opacity : 'toggle'}, '400');
	});

function loadingModal()
{
	return '<div class="modalHeader" style="font-size:1.4em;"><img src="images/loading_transparent.gif" alt="" />&nbsp;&nbsp;<strong>Loading...</strong></div>';
}


function loadingModalLightBox(message)
{
	//if(message typeOf null)
	if(message == null)
	{
		message = "Please Wait While Your Stuff Loads.";
	}
	
	message = '<div style="text-align:center"><img src="images/loading_transparent.gif" alt="" /><br /><br />' + message + '</div>';
	
	var h = $(document).height();
	var w = $(document).width();
	
	var lightbox = document.createElement('div');
	lightbox.setAttribute('id', 'lightbox');
	
	document.body.appendChild(lightbox);
	
	var modal = document.createElement('div');
	modal.setAttribute('id', 'loadingModal');
	
	document.body.appendChild(modal);	
	
	$('#loadingModal').html(message);
	
	$('#lightbox').css({'height': h, 'width': w });
	
	$("#lightbox, #loadingModal").fadeIn(300);
}

function modalLightBox(message, mHeight, mWidth)
{
 //if(message typeOf null)
 mHeight = mHeight == null ? 250 : mHeight;
 mWidth = mWidth == null ? 250 : mWidth;

 var h = $(document).height();
 var w = $(document).width();

 var modal = document.createElement('div');
 modal.setAttribute('id', 'loadingModal');
 modal.setAttribute('class', 'modal');

 document.body.appendChild(modal);
 $('#loadingModal').css({'height': mHeight, 'width': mWidth});
 $('#loadingModal').html(message);

 $('#lightbox').css({'height': h, 'width': w });

 $("#lightbox, #loadingModal").fadeIn(300);
}