var ele;
var intervalArray;
var pos;
var w;
var loop;

(function($) {
    $.fn.BgAnimation = function(options) {
        var settings = {
            // user define settings
            imgFile: 'blank.gif',
            imgWidth: 1,
            imgHeight: 1,
            interval: [300],
            position: [0],
            loop: true
        };
        function SetBgAni(obj) {
            $(obj).css({
                "background-image": "url('" + settings.imgFile + "')",
                "width": settings.imgWidth + "px",
                "height": settings.imgHeight + "px"
            });
            ele = $(obj).attr("id");
            intervalArray = settings.interval;
            pos = settings.position;
            w = settings.imgWidth;
            loop = settings.loop;
            changeBgImg(0);
        }
        if (options) {
            $.extend(settings, options);
        }
        return SetBgAni($(this));
    }
})(jQuery);
function changeBgImg(i) {
    if (i < intervalArray.length) {
        $("#" + ele).css("background-position", pos[i] + "px");
        i++;
        setTimeout("changeBgImg(" + i + ")", intervalArray[i - 1]);
    } else {
        if (loop) {
            changeBgImg(0);
        }
    }
}