﻿/*
    Fades
*/
function imagefader() {
    this.contentArray = new Array();

    // Check on page elements for morph
    for (var i = 0; i < document.getElementsByTagName("DIV").length; i++) {
        if (document.getElementsByTagName("DIV")[i].className == "imagefader") {
            // Morph content
            this.contentArray.push(new fadeimage(document.getElementsByTagName("DIV")[i]));
        }
    }
}

function fadeimage(o) {

    this.container = o;
    this.container.className = "imagefader ready";
    this.items = o.getElementsByTagName("IMG").length - 1;

    var self = this;

    // Animation functions
    this.animateFade = function(v, src) {
        // change the background
        self.container.getElementsByTagName("IMG")[self.items].style.opacity = v / 100;
        self.container.getElementsByTagName("IMG")[self.items].MozOpacity = v / 100;
        self.container.getElementsByTagName("IMG")[self.items].style.filter = 'alpha(opacity=' + v + ')';
    }

    this.onComplete = function(src) {
        // Move to the beginning
        self.container.insertBefore(self.container.getElementsByTagName("IMG")[self.items], self.container.getElementsByTagName("IMG")[0]);
        // Reset opactiy
        self.container.getElementsByTagName("IMG")[0].style.opacity = 1;
        self.container.getElementsByTagName("IMG")[0].MozOpacity = 1;
        self.container.getElementsByTagName("IMG")[0].style.filter = 'alpha(opacity=' + 100 + ')';
        // Set Timer
        window.setTimeout(self.fade, 5000);
    }

    // Fade functions
    this.fade = function(e) {
        // Set the styles
        self.container.getElementsByTagName("IMG")[self.items].style.opacity = 1;
        self.container.getElementsByTagName("IMG")[self.items].style.MozOpacity = 1;
        self.container.getElementsByTagName("IMG")[self.items].style.filter = 'alpha(opacity=' + 100 + ')';

        // animate the background
        self.anb = new Animation({
            src: "fade",
            object: self.container.getElementsByTagName("IMG")[self.items],
            from: 100,
            to: 0,
            tweenType: "smooth",
            ontween: self.animateFade,
            oncomplete: self.onComplete
        });

        self.anb.start();
    }

    // Set Timer
    window.setTimeout(this.fade, 5000);

}

