(function($) {
	$.fn.aj_loader = function(path) {
		var tgtObj = $(this);
		var path = path;
		var url = parseURL(path);

		var pathname = url.pathname;
		var so = url.searchObject;
		//console.log(url);
		loading();

		$(".loading").css({
			textAlign:"center",
			padding:"150px"
		})
		
		function loading(){
			$.ajax({
				beforeSend: function(){
				tgtObj.html('<p class="loading"><img src="img/ajax-loader.gif" alt="loading" width="32" height="32"></p>');
				},
				url : pathname,
				type : "post",
				data : so,
				success: function(request) {
					$(".loading", tgtObj).animate({
							opacity:0
						},300,
						function(){
							tgtObj.css("opacity",0);
							tgtObj.html(request);
							tgtObj.animate({opacity:1},500);
							// fadePhoto();
						}
					);
				}
			});
		}
		/*function fadePhoto(){
			$('.base').bind({
				'mouseover':function(){
					$(this).fadeTo('fast',.7);
				},
				'mouseout':function(){
					$(this).fadeTo('fast',1);
				}
			});
		}*/
		
		function parseURL(url) {
			var parser = document.createElement('a'),
				searchObject = {},
				queries, split, i;

			// Let the browser do the work
			parser.href = url;

			// Convert query string to object
			queries = parser.search.replace(/^\?/, '').split('&');
			for( i = 0; i < queries.length; i++ ) {
				split = queries[i].split('=');
				searchObject[split[0]] = split[1];
			}

			return {
				protocol: parser.protocol,
				host: parser.host,
				hostname: parser.hostname,
				port: parser.port,
				pathname: parser.pathname,
				search: parser.search,
				searchObject: searchObject,
				hash: parser.hash
			};
		}

		
	};
})(jQuery);