var currBtn = 0;
var fadeTimer = null;

function startIntro() {
    fadeTimer = setTimeout('fadeContent()', 500);
}

function fadeContent() {
    clearTimeout(fadeTimer);
    new Effect.Appear('layoutContent', { from: 0.0, to: 1.0, duration: 0.6 });
    fadeTimer = setTimeout('fadeGlobe()', 600);
}

function fadeGlobe() {
    clearTimeout(fadeTimer);
    new Effect.Appear('splashGlobe', { from: 0.0, to: 1.0, duration: 0.3 });
    fadeTimer = setTimeout('fadeSidebar()', 300);
}

function fadeSidebar() {
    clearTimeout(fadeTimer);
    new Effect.Appear('splashSidebar', { from: 0.0, to: 1.0, duration: 0.3 });
    fadeTimer = setTimeout('fadeButtons()', 500);
}

function fadeButtons() {
    clearTimeout(fadeTimer);
    currBtn += 1;
    var elId = 'navButton' + currBtn;
    new Effect.Appear(elId, { from: 0.0, to: 1.0, duration: 0.3 });
    var elId = 'navLabel' + currBtn;
    new Effect.Appear(elId, { from: 0.0, to: 1.0, duration: 0.3 });
	if (currBtn < 2) {
        fadeTimer = setTimeout('fadeButtons()', 200);
	}
}

function mausOvr(n) {
    clearTimeout(fadeTimer);
	var ctrlId = 'btnHref' + n;
	var ctrlEl = document.getElementById(ctrlId);
	if (ctrlEl) {
	    ctrlEl.className = 'buttonHover';
	}
	var lablId = 'lblHref' + n;
	var lablEl = document.getElementById(lablId);
	if (lablEl) {
	    lablEl.className = 'labelHover';
	}
}

function mausOut(n) {
    clearTimeout(fadeTimer);
	var ctrlId = 'btnHref' + n;
	var ctrlEl = document.getElementById(ctrlId);
	if (ctrlEl) {
	    ctrlEl.className = '';
	}
	var lablId = 'lblHref' + n;
	var lablEl = document.getElementById(lablId);
	if (lablEl) {
	    lablEl.className = '';
	}
}

function mausDun(n) {
    clearTimeout(fadeTimer);
	var ctrlId = 'btnHref' + n;
	var ctrlEl = document.getElementById(ctrlId);
	if (ctrlEl) {
	    ctrlEl.className = 'buttonActive';
	}
	var lablId = 'lblHref' + n;
	var lablEl = document.getElementById(lablId);
	if (lablEl) {
	    lablEl.className = 'labelActive';
	}
}

addLoadEvent(startIntro);