function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function addUnloadEvent(func) {
	var oldonunload = window.onunload;
	if (typeof window.onunload != 'function') {
		window.onunload = func;
	} else {
		window.onunload = function() {
			oldonunload();
			func();
		}
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
	var element = document.getElementById(id);
    var speed = Math.round(millisec / 100);
    var timer = 0;

    if(opacStart > opacEnd) {
		element.fadeOut = new Array();
        for(var i = opacStart; i >= opacEnd; i--) {
            element.fadeOut[i] = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
		element.fadeIn = new Array();
        for(var j = opacStart; j <= opacEnd; j++)
            {
            element.fadeIn[j] = setTimeout("changeOpac(" + j + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function currentOpac(id, opacEnd, millisec, direction) {
	var element = document.getElementById(id);
	var opacLevel = 50;
 	
	if(direction == "out"){
		if(element.fadeIn){
			for (var x=0; x<element.fadeIn.length; x++){
				clearTimeout(element.fadeIn[x]);
			}
		}
	} else if(direction =="in"){
		if(element.fadeOut){
			for (var y=0; y<element.fadeOut.length; y++){
				clearTimeout(element.fadeOut[y]);
			}
		}
	}
    if(document.getElementById(id).style.opacity < 100) {
        opacLevel = document.getElementById(id).style.opacity * 100;
    }
    opacity(id, opacLevel, opacEnd, millisec)
} 


function prepareFooter() {
	var initOpac = 30; //Control the starting value here. 
	
	var footer = document.getElementById("logos");
	var images = footer.getElementsByTagName("img");
	for (var i=0; i<images.length; i++){
		changeOpac(initOpac, images[i].id);
		images[i].onmouseover = function() {
			if (typeof currentOpac=="function"){
				currentOpac(this.id, 100, 400, 'in');
			}
		}
		images[i].onmouseout = function() {
			if (typeof currentOpac=="function"){
				currentOpac(this.id, initOpac, 400, 'out');
			}
		}
	}
}

addLoadEvent(prepareFooter);
if(window.initialize) {
	addLoadEvent(initialize);
}
if(window.GUnload) {
	addUnloadEvent(GUnload);
}