function showLoadingImage(id){
    $('#'+id).addClass('relative_position');
    $('#'+id).append('<div class="ajax-shader2">&nbsp;</div>');    
    $('#'+id+' .ajax-shader2').append("<div class='loader'>&nbsp;</div>");
    $('#'+id+' .loader').css('top',($('#'+id).height()/2)+'px');
}
function removeLoadingImage(id){
    $('#'+id).removeClass('relative_position');
    $('#'+id+' .ajax-shader2').remove();
}
function LoadAjaxPage(url, id) {
	var url = url;
	showLoadingImage(id);
	
	jQuery.get(url, function(data) {
		jQuery('#' + id).html(data);
                removeLoadingImage(id);
	});
}

function submit_ajax_form(form_id, container_id)
{
	var f = $('#'+form_id);
	showLoadingImage(container_id);
	
	$.ajax({
		url:     f.attr('action'),
		type:    f.attr('method'),
		data:    f.serialize(),
		success: function(data){
                 $('#'+container_id).html(data);
                 removeLoadingImage(container_id);
	    }
	});
}