function hoverImage(image) {
	var imageToSwap = document.getElementById(image);
	if(image == "WWAImage"){
		imageToSwap.src = "images/WhoWeAre_red.gif";
	}else if(image == "WWBImage"){
		imageToSwap.src = "images/WhatWeBelieve_red.gif";
	}else if(image == "WWDImage") {
		imageToSwap.src = "images/WhatWereDoing_red.gif";
	}

}

function normalImage(image) {
	var imageToSwap = document.getElementById(image);
	if(image == "WWAImage"){
		imageToSwap.src = "images/WhoWeAre.gif";
	}else if(image == "WWBImage"){
		imageToSwap.src = "images/WhatWeBelieve.gif";
	}else if(image == "WWDImage") {
		imageToSwap.src = "images/WhatWereDoing.gif";
	}

}

function randomBackground() {
	var index = Math.random();
	var page = document.getElementById('page');

	if(index < .10) {
		page.style.backgroundImage = "url('images/trinback1a.jpg')";

	}else if (index <.20){
		page.style.backgroundImage = "url('images/trinback2a.jpg')";

	}else if (index <.30){
		page.style.backgroundImage = "url('images/trinback3a.jpg')";

	}else if (index <.40){
		page.style.backgroundImage = "url('images/trinback4a.jpg')";

	}else if (index <.50){
		page.style.backgroundImage = "url('images/trinback5a.jpg')";

	}else if (index <.60){
		page.style.backgroundImage = "url('images/trinback6a.jpg')";

	}else if (index <.70){
		page.style.backgroundImage = "url('images/trinback9a.jpg')";

	}else if (index <.80){
		page.style.backgroundImage = "url('images/trinback8a.jpg')";	

	}else {
		page.style.backgroundImage = "url('images/trinback7a.jpg')";
	}
}

function showHideMenu(menuNbr){
	
	hideOtherMenus(menuNbr);
	var menu = document.getElementById(menuNbr);

	if(menu.style.display == 'block') {
		menu.style.display = 'none';
	}else menu.style.display = 'block';
}

function hideOtherMenus(menuNbr) {
	if(menuNbr != 'WWAMenu'){
		WWAMenu.style.display = 'none';
	}
	if(menuNbr != 'WWBMenu'){
		WWBMenu.style.display = 'none';
	}
	if(menuNbr != 'WWDMenu'){
		WWDMenu.style.display = 'none';
	}

}

function slideMenu(menuNbr){
	var index = 0;
	var menu = document.getElementById(menuNbr);
	var length = menu.style.left.length;

	for (index=0;index<100;index++) {
		menu.style.left = menu.style.left.substring(0, length-2) + index;
		sleep(100);
	}
}

function changeOpacity(elementId) {
	var element = document.getElementById("box");
	setOpacity(element, elementId);

}


function setOpacity(element, opacity) {
			// In NN / Moz, when opacity is 100, flickering occurs. If the opacity is reduced to 99.99, this does not happen.
			// This code will achieve this, if uncommented
			if (opacity == 100 && (navigator.userAgent.indexOf('Gecko') != -1 && navigator.userAgent.indexOf('Safari') == -1)) opacity = 99.99;

			// Set CSS 3, Moz, NN, FF, gecko, Konqueror, Safari
			element.style.opacity = element.style.MozOpacity = element.style.KhtmlOpacity = opacity / 100;

			// Set IE
			element.style.filter = 'alpha(opacity=' + opacity + ')';
}function randomSidePanel() {
	var index = Math.random();
	var myImage = document.getElementById('sideImage');

	if(index < .10) {
		sideImage.myImage.src = "url('images/side1.jpg')";

	}else if (index <.20){
		sideImage.myImage.src = "url('images/side2.jpg')";

	}else if (index <.40){
		sideImage.myImage.src = "url('images/side3.jpg')";

	}else if (index <.60){
		sideImage.myImage.src = "url('images/side4.jpg')";

	}else if (index <.80){
		sideImage.myImage.src = "url('images/side5.jpg')";

	}else {
		sideImage.myImage.src = "url('images/side6.jpg')";
	}
}