if (typeof Widget == "undefined") 
{
    Widget = {}
}
Widget.Blender = Class.create();
Widget.Blender.prototype = 
{
    initialize: function(A, C, B)
    {
        this.img = $(A);
        this.list = C;
        this.options = Object.extend(
        {
            id: this.img.id,
            fadeDuration: 2.5,
            displayDuration: 2.5,
            autoSize: false,
            autoStart: true,
            noWrap: false,
            attributes: {},
            dir: "",
            beforeBlend: null,
            startIndex: 0
        }, B ||
        {});
        this.index = this.options.startIndex;
        if (this.options.noWrap) 
        {
            this.container = this.img.up()
        }
        else 
        {
            this.container = new Element("div").setStyle(
            {
                position: "relative",
                width: this.img.width + "px",
                height: this.img.height + "px"
            });
            this.img.up().replaceChild(this.container, this.img);
            this.container.appendChild(this.img)
        }
        this.loadedObserver = this.loaded.bind(this);
        this.nextObserver = this.next.bind(this);
        this.stopped = true;
        if (this.options.autoStart) 
        {
            setTimeout(this.start.bind(this), this.options.displayDuration * 1000)
        }
    },
    start: function()
    {
        if (!this.stopped) 
        {
            return
        }
        this.stopped = false;
        this.next()
    },
    stop: function()
    {
        this.stopped = true;
        try 
        {
            clearTimeout(this.timeout)
        } 
        catch (A) 
        {
        }
        try 
        {
            Effect.Queues.get(this.options.id).each(function(B)
            {
                B.cancel()
            })
        } 
        catch (A) 
        {
        }
        if (this.oldImg) 
        {
            this.container.removeChild(this.oldImg);
            this.oldImg = null
        }
        Element.setOpacity(this.img, 1)
    },
    next: function()
    {
        if (this.oldImg) 
        {
            this.container.removeChild(this.oldImg)
        }
        this.oldImg = this.img;
        if (this.stopped || this.list.length == 0) 
        {
            return
        }
        ++this.index;
        if (this.index >= this.list.length) 
        {
            this.index = 0
        }
        this.img = new Element("img", this.options.attributes);
        this.img.observe("load", this.loadedObserver);
        this.img.src = this.options.dir + this.list[this.index]
    },
    loaded: function()
    {
        this.img.stopObserving("load", this.loadedObserver);
        if (this.options.autoSize) 
        {
            this.resize(this.img)
        }
        this.img.setOpacity(0);
        this.container.appendChild(this.img);
        this.img.setStyle(
        {
            position: "absolute",
            top: this.container.getStyle("padding-top"),
            left: this.container.getStyle("padding-left"),
			width: "960px",
			height: "166px"
        });
        if (typeof this.options.beforeBlend == "function") 
        {
            this.options.beforeBlend(this.oldImg, this.img)
        }
        new Effect.Opacity(this.oldImg, 
        {
            duration: this.options.fadeDuration,
            from: 1,
            to: 0,
            queue: 
            {
                scope: this.options.id
            }
        });
        new Effect.Opacity(this.img, 
        {
            duration: this.options.fadeDuration,
            from: 0,
            to: 1,
            queue: 
            {
                scope: this.options.id
            }
        });
        this.timeout = setTimeout(this.nextObserver, (this.options.fadeDuration + this.options.displayDuration) * 1000)
    },
    resize: function(B)
    {
        var F = this.container.getDimensions();
        F.width -= parseInt(this.container.getStyle("padding-left")) + parseInt(this.container.getStyle("padding-right")) + parseInt(this.container.getStyle("border-left-width")) + parseInt(this.container.getStyle("border-right-width"));
        F.height -= parseInt(this.container.getStyle("padding-top")) + parseInt(this.container.getStyle("padding-bottom")) + parseInt(this.container.getStyle("border-top-width")) + parseInt(this.container.getStyle("border-bottom-width"));
        var C = F.width / B.width;
        var E = F.height / B.height;
        var A = B.width * E;
        var D = B.height * C;
        if (C > E) 
        {
            B.width = A;
            B.height = F.height
        }
        else 
        {
            B.width = F.width;
            B.height = D
        }
    }
};
var Blender = Widget.Blender