$.loadPage = function(output, href) {
        	
        	$(output).fadeOut(300);
        	$(output).load(href);
                
            $(output).fadeIn(300);    
    
};

$.removePage = function(container){

		$(container).fadeOut(300);
		$(container).empty();
};


$.loadPageLoader = function(output, href) {
	
	$(output).fadeOut(300);
	
   
	$('#content').append("<div style=\"text-align:center; margin-top:5px;\"><img src=\"/ajax/loading.gif\" /></div>");

	$(output).load(href);
      
	$(output).fadeIn(300);
    
     
    
};

$.showLoader = function(output) {
   
	$(output).append("<div style=\"text-align:center; margin-top:5px;\"><img src=\"/ajax/loading.gif\" /></div>");
    
    
}

$.hideLoader = function(output) {
	   
	$(output).empty();
    
    
};