/* ======================= Detect document loaded ====================== */
/* for Mozilla/Opera9 */
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", init, false);
}
/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
    document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
    var script = document.getElementById("__ie_onload");
    script.onreadystatechange = function() {
        if (this.readyState == "complete") {
            init(); // call the onload handler
        }
    };
/*@end @*/

/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { // sniff
    var _timer = setInterval(function() {
        if (/loaded|complete/.test(document.readyState)) {
            init(); // call the onload handler
        }
    }, 10)
}

/* for other browsers */
window.onload = init;

function fade(objID,CurrentAlpha,TargetAlpha,steps){
		
	var obj = document.getElementById('fade'+objID);
	obj.style.display = 'block' ;
	obj.style.position = 'absolute' ;
	obj.style.top = '0';
	
	CurrentAlpha = parseInt(CurrentAlpha);
	if (isNaN(CurrentAlpha)){
			 CurrentAlpha = parseInt(obj.style.opacity*100);
			 if (isNaN(CurrentAlpha))CurrentAlpha=100;
	}
	
	var DeltaAlpha=parseInt((CurrentAlpha-TargetAlpha)/steps);
	var NewAlpha = CurrentAlpha - DeltaAlpha;
	
	setOpacity(NewAlpha, obj)
	
	if (steps > 1){
		setTimeout('fade("'+objID+'",'+NewAlpha+','+TargetAlpha+','+(steps-1)+')', 80);
	} else { 
		if (NewAlpha > 90) {
			fade(objID,100,0,30); // fade out current
		} else if (objID == 1) {
				fade(2,0,100,30); //fade in 2
		} else if (objID == 2) {;
				fade(3,0,100,30); //fade in 3
		} else if (objID == 3) {
				fade(1,0,100,30); //fade in 1
		}
	}
}

function init() {
// quit if this function has already been called
	if (arguments.callee.done) return;
// flag this function so we don't do the same thing twice
	arguments.callee.done = true;
// kill the timer
	if (_timer) clearInterval(_timer);
	// Initilise 2nd and 3rd //
	var obj2 = document.getElementById('fade'+2);
	var obj3 = document.getElementById('fade'+3);
	obj2.style.position = 'absolute' ;
	obj2.style.top = '0';
	obj2.style.display = 'block' ;
	obj3.style.position = 'absolute' ;
	obj3.style.top = '0';
	obj3.style.display = 'block' ;
	setOpacity(0, obj2) ;
	setOpacity(0, obj3) ;
	
	fade(1,100,0,30)
}

function setOpacity(alpha,obj) {
	obj.style.opacity = (alpha / 100);
	obj.style.MozOpacity = obj.style.opacity;
	obj.style.filter = 'alpha(opacity='+alpha+')';
}