// JavaScript Document
function highlightNav(id) {

	block = document.getElementById("main_nav_"+id);
	backgroundImage = "url(images/template/nav_highlight.jpg)";
    block.style.backgroundImage = backgroundImage;
	
}
function unhighlightNav(id) {

	block = document.getElementById("main_nav_"+id);
	backgroundImage = "";
    block.style.backgroundImage = backgroundImage;
	
}
function bannerDisplay() {
	images = new Array(7);
	images[0] = "<img src='images/template/banner_1.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[1] = "<img src='images/template/banner_2.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[2] = "<img src='images/template/banner_3.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[3] = "<img src='images/template/banner_4.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[4] = "<img src='images/template/banner_5.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[5] = "<img src='images/template/banner_6.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	images[6] = "<img src='images/template/banner_7.jpg' alt='Harbour Economic Development Forum' width='1000' height='200' />";
	
	index = Math.floor(Math.random() * images.length);
	
	document.write(images[index]);
}

function switchToggle(block) {
	var bl = document.getElementById(block);
	var im = document.getElementById("image_"+block);
	if (bl.style.display == 'none') {
		bl.style.display = '';
		im.src = '../images/template/icon_contract.gif';
	} else {
		bl.style.display = 'none';
		im.src = '../images/template/icon_expand.gif';
	}
}
function switchToggleTemplate(block) {
	var bl = document.getElementById(block);
	var im = document.getElementById("image_"+block);
	if (bl.style.display == 'none') {
		bl.style.display = '';
		im.src = 'images/template/icon_contract.gif';
	} else {
		bl.style.display = 'none';
		im.src = 'images/template/icon_expand.gif';
	}
}


function toggleHelp(block) {
	var bl = document.getElementById(block);
	var im = document.getElementById("help_"+block);
	if (bl.style.display == 'none') {
		bl.style.display = '';
		im.src = 'images/help_icon_on.png';
	} else {
		bl.style.display = 'none';
		im.src = 'images/help_icon_off.png';
	}
}

function rollOver(id) {
	document.getElementById(id).style.backgroundColor = '#DDDDDD';
}
	
function rollOut(id) {
	document.getElementById(id).style.backgroundColor = '#EEEEEE';
}