﻿jQuery.fn.ajaxLoader = function (mode, settings, callback) {

    settings = jQuery.extend({
        elementBind: $(this),
        loadingText: 'processing request..',
        loadingImage: 'Scripts/ajax-loader.gif',
        backColor: '#e4e4e4',
        fontColor: '#000',
        font: 'Arial',
        fontSize: 'small',
        autoClose: 'true',
        closeTimeout: '200'
    }, settings);
    if (mode == 'show') {
        var position = settings.elementBind.offset();
        var topPlus = 0;
        var leftPlus = 0;
        $('body').prepend('<div id="ajaxloader" style="z-index: 9999; vertical-align:middle; text-align:center; font-family:' + settings.font + '; font-size:' + settings.fontSize + '; border:1px; border-style:solid; border-color:#507692; background-color:' + settings.backColor + '; color:' + settings.fontColor + '; width: 150px; position: relative; top: ' + parseInt(position.top + topPlus) + 'px; left: ' + parseInt(position.left + leftPlus) + 'px;"><img src="' + settings.loadingImage + '" /> ' + settings.loadingText + '</div>');
        if(callback){
        	$('#ajaxloader').show('fast',callback);
        }
    }
    else {
        $('#ajaxloader').remove();
    }
}

