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/trinback1.jpg')";

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

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

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

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

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

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

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

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

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

	if(menu.style.display == 'block') {
		changeColor(menuButton, 'hide');
		menu.style.display = 'none';
	}else {
		changeColor(menuButton, 'show');
		menu.style.display = 'block';
	}


}

function changeColor(bob, hideOrShow){

	var colorMenu = document.getElementById(bob);
	if(hideOrShow == 'show'){
		colorMenu.style.backgroundColor = '#595564';
	}else{
		colorMenu.style.backgroundColor = 'transparent';
	}
}
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) {
		myImage.src = "images/side1.jpg";

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

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

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

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

	}else {
		myImage.src = "images/side6.jpg";
	}
}

function goHome(){
location.href = "index.htm";
}