var strCssFile = (isIE) ? "IE" : "Mozilla";
document.write("<link rel='stylesheet' href='CSS/" + strCssFile + ".css' type='text/css' />");

var linkSpot = null;
var a1 = null;
var a2 = null;
var today = null;
var christmas = null;
var colorBar = null;
var hatLeft = null;
var hatRight = null;
var fadeHotmailBox = null;
var fadePolitikenBox = null;

function addListeners() {
	if (!document.getElementsByTagName) return;

	linkSpot = getEl('linkSpot');
	a1 = getEl('aMenu1Spot');
	a2 = getEl('aMenu2Spot');
	today = getEl('today');
	christmas = getEl('christmas');
	colorBar = getEl('colorBar');
	hatLeft = getEl('fadehatLeftBox');
	hatRight = getEl('hatRight');
	fadeHotmailBox = getEl('fadeHotmailBox');
	fadePolitikenBox = getEl('fadePolitikenBox');

	addEvent(document, 'keydown', function(e) {
		var code = (window.Event) ? e.which : event.keyCode;
		if (code == 13) { // ENTER key is pressed; go to Hotmail
			fadeHotmailBox.style.backgroundImage = 'url(Images/HotmailClick.png)';
			window.location.href = 'http://mail.live.com';
			if (window.event) {
				window.event.cancelBubble = true;
				window.event.returnValue = false;
			}
			if (e && e.stopPropagation && e.preventDefault) {
				e.stopPropagation();
				e.preventDefault();
			}
		}
	}, false);

	addMenus();
	resize(); // Runs setLinks()
	setFadeImages();
	setColorBar();
	showElements();
	fadeButterfly();
}

function addMenus() {
	startMenu('aMenu1', 'topMenu', 681, 170, '#d3d3d3', '#e9e9e9');
	var theDiv = null;
	var j = 0;
	j = topItemMenuDivs.length;
	for (var i = 0; i < j; i++) {
		theDiv = getEl(topItemMenuDivs[i]);
		addEvent(theDiv, 'mouseover', menuTopMouseOver, false);
		addEvent(theDiv, 'mouseout', menuTopMouseOutDelay, false);
		addEvent(theDiv, 'click', goLocation, false);
	}

	startMenu('aMenu2', 'leftMenu', 142, 141, '#d3d3d3', '#e9e9e9');
	j = leftItemMenuDivs.length;
	for (var i = 0; i < j; i++) {
		theDiv = getEl(leftItemMenuDivs[i]);
		addEvent(theDiv, 'mouseover', menuLeftMouseOver, false);
		addEvent(theDiv, 'mouseout', menuLeftMouseOut, false);
		addEvent(theDiv, 'click', goLocation, false);
	}

	addEvent(hatRight, 'mouseover', hatRightMouseOver, false);
	addEvent(hatRight, 'mouseout', hatRightMouseOver, false);
}


function setLinks() {
	var leftPos = (winWidth() / 2) - 250;
	var topPos, topPosPlay, i, j;
	topPos = topPosPlay = (isIE) ? 80 : 78;
	var allLinks = document.getElementsByTagName('a');
	var ctrLinksArr = new Array();
	j = allLinks.length;
	for (i = 0; i < j; i++) {
		addEvent(allLinks[i], 'mouseup', aBlurListener, false);
		if (allLinks[i].className == 'centerlink') {
			ctrLinksArr[ctrLinksArr.length] = allLinks[i];
			addEvent(allLinks[i], 'mouseover', function() {
				this.style.fontWeight = 'bold';
				// linkSpot.innerHTML = this.firstChild.nodeValue;
			}, false);
			addEvent(allLinks[i], 'mouseout', function() {
				this.style.fontWeight = 'normal';
				// linkSpot.innerHTML = '&nbsp;';
			}, false);
		}
	}
	var colLinks = Math.ceil(ctrLinksArr.length / 3);
	var colCounter = colLinks;
	j = ctrLinksArr.length;
	for (i = 0; i < j; i++) {
		ctrLinksArr[i].style.left = leftPos + 'px';
		ctrLinksArr[i].style.top = topPosPlay + 'px';
		ctrLinksArr[i].style.visibility = 'visible';
		topPosPlay += 14;
		if (i == (colCounter - 1)) {
			colCounter = colCounter + colLinks;
			leftPos += 200;
			topPosPlay = topPos;
		}
	}
}

function setFadeImages() {
	var allImages = document.getElementsByTagName('img');
	for (var i = 0; i < allImages.length; i++) {
		var theImage = allImages[i];
		if (theImage.className == 'fadeImage') {
			addEvent(theImage, 'mouseover', fadeImageListener, false);
			addEvent(theImage, 'mousedown', fadeImageListener, false);
			addEvent(theImage, 'mouseout', fadeImageListener, false);
			theImage.state = 'none';
			theImage.index = 0;
			theImage.fadeImage = 'off';
			theImage.setAttribute('imagebasename', 'Images/' + theImage.id);
			if (theImage.id != 'hatLeft') {
				theImage.setAttribute('imagescount', '14');
			}
			theImage.style.visibility = 'visible';
		}
	}
}

function setColorBar() {
	today.firstChild.nodeValue = todayText; // chrismasText from Christmas.js
	christmas.firstChild.nodeValue = christmasText; // chrismasText from Christmas.js
//	changeColorBar(); // EventHandlers.js
}

function resize(isFirstTime) {
	if (!isIE && isFirstTime) return;
	var winW2 = winWidth() / 2;
//	if ((typeof a1 != "undefined") && (a1 != null))
	a1.style.left = winW2 - (671 / 2) + 'px';
//	if ((typeof a2 != "undefined") && (a2 != null))
	a2.firstChild.style.left = winW2 + 300 + 'px';
	hatLeft.style.left = (winW2 - 500) + 'px';
	hatRight.style.left = (winW2 + (500 - 262)) + 'px'; // Image width = 270px
	setLinks();
	colorBar.style.left = (winW2 - 280) + 'px';
	if (isIE) colorBar.style.top = '64px';
	today.style.left = parseInt(colorBar.style.left) + 'px';
	colorBar.style.width = '575px';
	christmas.style.left = (winW2 + 295 - getElementWidth('christmas')) + 'px';
	// Fade buttons width: 127px
	fadeHotmailBox.style.left = (winW2 - 127 - 14) + 'px';
	fadePolitikenBox.style.left = (winW2 + 14) + 'px';
}

function showElements() {
	today.style.visibility = 'visible';
	christmas.style.visibility = 'visible';
	colorBar.style.visibility = 'visible';
	hatLeft.style.visibility = 'visible';
	hatRight.style.visibility = 'visible';
	fadeHotmailBox.style.visibility = 'visible';
	fadePolitikenBox.style.visibility = 'visible';
}

var fadeButterfly = function() {
	var butterfly = getEl('butterfly');

	if (butterfly.filters)
		butterfly.style.filter = 'alpha(opacity=25)';
	else
		butterfly.style.opacity = 0.25;

	butterfly.style.display = 'inline';
}

var fadeButterflyOLD = function() {
	var step = -1;
	var delay = 60;
	var fadeStateButterfly = 100;
	var timerID = null;

	var butterfly = getEl('butterfly');

	var runFade = function() {
		fadeStateButterfly = fadeStateButterfly + step;
		step = step - 0.17;

		if (butterfly.filters)
			butterfly.style.filter = 'alpha(opacity=' + fadeStateButterfly + ')';
		else
			butterfly.style.opacity = fadeStateButterfly/99;

		if (fadeStateButterfly < 33) {
			if (timerID) clearInterval(timerID);
			// preLoadImages();
			// alert('Cleared!');
		}
	};

	timerID = setInterval(runFade, delay);
};

function preLoadImages() {
	preloadImage('Images/RPointer.gif', 5, 9);
	preloadImage('Images/Menu16.jpg', 16, 16);
	preloadImage('Images/Menu17.jpg', 17, 17);
	preloadImage('Images/Menu16Over.jpg', 16, 16);
	preloadImage('Images/Menu17Over.jpg', 17, 17);
	preloadImage('Images/Hotmail01.png', 144, 44);
	preloadImage('Images/Hotmail02.png', 144, 44);
	preloadImage('Images/Hotmail03.png', 144, 44);
	preloadImage('Images/Hotmail04.png', 144, 44);
	preloadImage('Images/Hotmail05.png', 144, 44);
	preloadImage('Images/Hotmail06.png', 144, 44);
	preloadImage('Images/Hotmail07.png', 144, 44);
	preloadImage('Images/Hotmail08.png', 144, 44);
	preloadImage('Images/Hotmail09.png', 144, 44);
	preloadImage('Images/Hotmail10.png', 144, 44);
	preloadImage('Images/Hotmail11.png', 144, 44);
	preloadImage('Images/Hotmail12.png', 144, 44);
	preloadImage('Images/Hotmail13.png', 144, 44);
	preloadImage('Images/Hotmail14.png', 144, 44);
	preloadImage('Images/HotmailClick.png', 144, 44);
	preloadImage('Images/Politiken01.png', 144, 44);
	preloadImage('Images/Politiken02.png', 144, 44);
	preloadImage('Images/Politiken03.png', 144, 44);
	preloadImage('Images/Politiken04.png', 144, 44);
	preloadImage('Images/Politiken05.png', 144, 44);
	preloadImage('Images/Politiken06.png', 144, 44);
	preloadImage('Images/Politiken07.png', 144, 44);
	preloadImage('Images/Politiken08.png', 144, 44);
	preloadImage('Images/Politiken09.png', 144, 44);
	preloadImage('Images/Politiken10.png', 144, 44);
	preloadImage('Images/Politiken11.png', 144, 44);
	preloadImage('Images/Politiken12.png', 144, 44);
	preloadImage('Images/Politiken13.png', 144, 44);
	preloadImage('Images/Politiken14.png', 144, 44);
	preloadImage('Images/PolitikenClick.png', 144, 44);
	preloadImage('Images/hatLeftOver.png', 270, 197);
	preloadImage('Images/hatLeftClick.png', 270, 197);
	preloadImage('Images/hatRightOver.png', 270, 197);

}

addEvent(window, 'load', addListeners, false);
addEvent(window, 'resize', resize, false);
