(function($){

	//used
	$.fn.infoModal = function (settings){

	var settings =  $.extend({
		out_pos : '200%',
		in_pos	: '15%',
		speed	: 800,
		modal	: 'info_modal',
		close 	: 'info_close',
		content : 'info_content',
		loading : true,
		callback: function() {}
	}, settings);

	var modal = $('<div>',{
		id	:	settings.modal
	});
	var content = $('<div>',{
		id	:	settings.content
	});
	var close_btn = $('<div>',{
		id	:	settings.close
	});
		
		return this.each(function(){


			var $$ = $(this),
				$id = $$.attr('href'),
				$class= $$.data('class');			
			
			// Plugin Code Here
			
			$$.click(function(e){
				e.preventDefault();
				if (settings.loading) $$.loading();
				
				if ($('#'+ settings.modal)) $('#'+ settings.modal).remove();

				modal.prependTo('body');
				content.prependTo($(modal));
				close_btn.prependTo($(modal));


				var $data = {
						ajax: 1
						};
		
				$.ajax({
					type		: 'POST',
					url			: $id,
					data		: $data,
					dataType	: "html",
					success		: function (data){		
						//function using data 
							$('#'+settings.content).html(data);
						
						 	if (settings.loading) $$.loading('hide');
							
							$('#'+ settings.modal).fadeIn()
											 .animate({
											    'top' : settings.in_pos
													}, settings.speed);
													
						
							$('#'+ settings.close).click(function(e){
							   $('#'+ settings.modal).animate({
									'top' : settings.out_pos
										}, settings.speed, function(){
											$('#'+ settings.modal).remove();
									});
							});

							settings.callback.call(this);	
					}
				});				
			});
		});
	};
})(jQuery);