function showLoadingImage(id){
    $('#'+id).addClass('relative_position');
    $('#'+id).append('<div class="ajax-shader">&nbsp;</div>');    
    $('#'+id+' .ajax-shader').append("<div class='loader'>&nbsp;</div>");
    $('#'+id+' .loader').css('top',($('#'+id).height()/2)+'px');
}
function removeLoadingImage(id){
    $('#'+id).removeClass('relative_position');
    $('#'+id+' .ajax-shader').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);
        }
    });
}

function ajax_submit(form_elem, wrapper_string){
    $.ajax({
        url: jQuery(form_elem).attr('action')+'?'+jQuery(form_elem).serialize(), 
        context: document.body, 
        type: jQuery(form_elem).attr('method'),
        success: function(data){
            jQuery(wrapper_string).html(data);
        }
    });
    return false;
}