/* 3rd party helper function: addEvent; handler for IE and other browsers */
function addEvent(elm, evType, fn, useCapture) {
	if (elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture);
 		return true;
	} else if (elm.attachEvent) {
		var r = elm.attachEvent("on"+evType, fn);
		return r;
	}
}

function replaceMenu() {
	parent.leftFrame.location.href = 'menu.html';
}

function doMouseOver() {
	if (this.src) {
		this.src = this.src.replace('.gif', 'over.jpg');
	} else {
		window.event.srcElement.src = window.event.srcElement.src.replace('.gif', 'over.jpg');
	}
}

function doMouseOut() {
	if (this.src) {
		this.src = this.src.replace('over.jpg', '.gif');
	} else {
		window.event.srcElement.src = window.event.srcElement.src.replace('over.jpg', '.gif');
	}
}

function init() {
	if (!document.getElementById) return;
	var IMGs = document.getElementsByTagName('IMG');
	var loader = '';
	var i;
	for (i = 0; i < IMGs.length; i++) {
		// skip non-face
		if (!IMGs[i].className == 'face') continue;

		// set mouse over/out
		addEvent(IMGs[i], 'mouseover', doMouseOver, false);
		addEvent(IMGs[i], 'mouseout', doMouseOut, false);

		// make preloader
		loader += '<img src="' + IMGs[i].src.replace('.gif', 'over.jpg') + '" width="1" heigh="1"/>';
	}

	var As = document.getElementsByTagName('A');
	for (i = 0; i < As.length; i++) {
		if (!As[i].target || As[i].target != '_blank') {
			addEvent(As[i], 'click', replaceMenu, false);
		}
	}

	document.getElementById('preloader').innerHTML = loader;
}

addEvent(window, 'load', init, false);