/*
	Author: Suciu Vlad - suciu.vlad@gmail.com
*/
(function($){
	
	$.fn.modalbox = function(options){
		
		return this.each(function(){
			
			
			var defaults = {
				width: 490,
				height: 170,
				location : $(this).attr("href")
			}
			
			 settings = $.extend(defaults, options);	
			 	
			$('body').append('<div id="overlay" />')
					 .append('<div class="modalContent" />');
					 
			$('.modalContent').append("<div class='ajaxLoader' />").append('<a href="#" class="controls"></a>');
			$('.modalContent').load(settings.location, function(){
				$(this).append('<a href="#" class="controls"></a>');
			})
			
			$('#overlay').css({
				backgroundColor: '#000',
				opacity: '0.5',
				width: '100%',
				height: '100%',
				position: 'fixed',
				top: 0,
				left: 0,
				zIndex: '998'
			})
				
			$('.modalContent').css({
				position: 'absolute', 
				top: '50%',
				display: 'block',
				left: '50%',
				marginTop: - (settings.height / 2) - parseInt($('.modalContent').css('padding-top') + parseInt($('.modalContent').css('padding-bottom'))),
				marginLeft: - settings.width / 2 - parseInt($('.modalContent').css('padding-left') + parseInt($('.modalContent').css('padding-right'))),
				zIndex: '999',
				border: '1px solid #6c6b6b',
				background: '#fff',
				width: settings.width,
				height: settings.height
			})
			
			$('.modalContent a.controls').live("click", function(){
				$('.modalContent').fadeOut("fast", function(){
					$(this).remove();
				})
				$('#overlay').fadeOut("fast", function(){
					$(this).remove();
				})
			})
			
			
			
		})
		
	}
	
}(jQuery))