addEventListener('load', init, false);

function init() {
    if (navigator.userAgent.indexOf('Internet Explorer') != -1)
        alert('This website looks best in a browser which supports CSS3');
        
    //console.log(window.navigator.userAgent);
    
	hideLinks();
	hideInfoText();
    showPage();
    showLinks();
    showInfoText();
}

function showPage() {
    document.getElementById('loading-icon').style.display = 'none';        
    document.getElementById('container').style.visibility = 'visible';
}

function hideLinks() {
	var cont = document.getElementById('links');
	var links = cont.querySelectorAll('a');
	for (var i=0; i<links.length; i++) {
		links[i].style.opacity = '0';
	}
}

function hideInfoText() {
	var cont = document.getElementById('info');
	var paras = cont.querySelectorAll('p');
	for (var i=0; i<paras.length; i++) {
		paras[i].style.opacity = '0';
	}
}

function showLinks() {
	var cont = document.getElementById('links');
	var links = cont.querySelectorAll('a');
	for (var i=0; i<links.length; i++) {
		links[i].style.webkitTransitionProperty = 'opacity';
		links[i].style.webkitTransitionDuration = '0.6s';
		links[i].style.webkitTransitionTimingFunction = 'ease-in-out';
	}
	
	var interval = setInterval(showLink, 200);
	
	function showLink() {
		for (var i=0; i<links.length; i++) {
			var opacity = window.getComputedStyle(links[i], null).opacity;
			if (opacity == 0) {
				links[i].style.opacity = '1';
				break;
			}
		}
	}
}

function showInfoText() {
	var cont = document.getElementById('info');
	var paras = cont.querySelectorAll('p');
	for (var i=0; i<paras.length; i++) {
		paras[i].style.opacity = '1';
	}
	
}