function open_white_paper(s_url)
{
	window.open(s_url,'','');	
}
function toggle_home_navigation(item_id,b_highlight)
{
	if(b_highlight == true)
		document.getElementById("image_"+item_id).src = "./img/"+item_id+"_h.png";
	else
		document.getElementById("image_"+item_id).src = "./img/"+item_id+".png";
		
}
function do_item_highlight(item_id,b_highlight)
{
	if(b_highlight == true)
		document.getElementById(item_id).className = 	'navigation_item_selected';
	else
		document.getElementById(item_id).className = 	'navigation_item_unselected';
		
}

function do_item_click(item_id,urly)
{
	//
	// Go through the items
	//
	switch(item_id)
	{
		case "nav_item_0_0": // Home
			document.location.href = "index.php";
		break;
		case "nav_item_1_0": // Content Management
			document.location.href = 'frame.html?location=content_management';
		break;
		case "nav_item_2_0": // Content publishing
			document.location.href = 'frame.html?location=content_publishing';
		break;
		case "nav_item_3_0": // Content creation
			document.location.href = 'frame.html?location=content_creation';
		break;
		case "nav_item_4_0": // Contact
			document.location.href = 'frame.html?location=contact';
		break;
		case "nav_item_2_1":
			open_white_paper("./white_papers/template.html");
		break;
		
	};
}

function initalise_navigation_bar(page_id)
{
	var navigation_html = "";
	
//	navigation_html += "<div style='position:absolute;width:100%;height:100%;z-index:0;'>";
//	navigation_html += "	<img src='./img/nav_back.jpg' width=100% height=100%>";
//	navigation_html += "</div>";
	navigation_html += "<div style='position:relative;width:100%;height:100%;z-index:1;background-image:url(./img/nav_back.jpg);'>";
	navigation_html += "<table height='100%'><tr><td valign='middle'>";
	navigation_html += "<table cellspacing=0 cellpadding=5 border=0>";
	navigation_html += "	<tr>";	
	navigation_html += "		<td id='nav_item_0_0' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_0_0',true);\" onmouseout=\"do_item_highlight('nav_item_0_0',false);\" style='' onClick=\"do_item_click('nav_item_0_0','');\">";
	navigation_html += "			Home";	
	navigation_html += "		</td>";	
	navigation_html += "	</tr>";	
	navigation_html += "	<tr>";	
	navigation_html += "		<td id='nav_item_2_0' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_0',true);\" onmouseout=\"do_item_highlight('nav_item_2_0',false);\" style='' onClick=\"do_item_click('nav_item_2_0','');\">";	
	navigation_html += "			Content&nbsp;Publishing";	
	navigation_html += "		</td>";	
	navigation_html += "	</tr>";	
	navigation_html += "	<tr>";	
	if('content_publishing' == page_id  && 1 == 0)
	{
		navigation_html += "		<td id='nav_item_2_1' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_1',true);\" onmouseout=\"do_item_highlight('nav_item_2_1',false);\" style='' onClick=\"do_item_click('nav_item_2_1','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; ECDL Advanced";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "		<td id='nav_item_2_2' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_2',true);\" onmouseout=\"do_item_highlight('nav_item_2_2',false);\" style='' onClick=\"do_item_click('nav_item_2_2','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; CLAiT";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "		<td id='nav_item_2_3' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_3',true);\" onmouseout=\"do_item_highlight('nav_item_2_3',false);\" style='' onClick=\"do_item_click('nav_item_2_3','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; Sub item 1";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "		<td id='nav_item_2_4' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_4',true);\" onmouseout=\"do_item_highlight('nav_item_2_4',false);\" style='' onClick=\"do_item_click('nav_item_2_4','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; Sub item 1";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "		<td id='nav_item_2_5' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_2_5',true);\" onmouseout=\"do_item_highlight('nav_item_2_5',false);\" style='' onClick=\"do_item_click('nav_item_2_5','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; Sub item 1";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
	}
	navigation_html += "	<tr>";	
	navigation_html += "		<td id='nav_item_1_0' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_1_0',true);\" onmouseout=\"do_item_highlight('nav_item_1_0',false);\" style='' onClick=\"do_item_click('nav_item_1_0','');\">";	
	navigation_html += "			Content&nbsp;Management";	
	navigation_html += "		</td>";	
	navigation_html += "	</tr>";
	if('content_management' == page_id && 1 == 0)
	{
		navigation_html += 	"	<tr>";	
		navigation_html += "		<td id='nav_item_1_1' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_1_1',true);\" onmouseout=\"do_item_highlight('nav_item_1_1',false);\" style='' onClick=\"do_item_click('nav_item_1_1','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; Sub item 1";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
		navigation_html += "	<tr>";	
		navigation_html += "		<td id='nav_item_1_2' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_1_2',true);\" onmouseout=\"do_item_highlight('nav_item_1_2',false);\" style='' onClick=\"do_item_click('nav_item_1_2','');\">";	
		navigation_html += "&nbsp;&nbsp;&nbsp;&nbsp; Sub item 2";	
		navigation_html += "		</td>";	
		navigation_html += "	</tr>";	
	}


//	navigation_html += "	<tr>";	
//	navigation_html += "		<td id='nav_item_3_0' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_3_0',true);\" onmouseout=\"do_item_highlight('nav_item_3_0',false);\" style='' onClick=\"do_item_click('nav_item_3_0','');\">";	
//	navigation_html += "			Content&nbsp;Creation";	
//	navigation_html += "		</td>";	
//	navigation_html += "	</tr>";	
	navigation_html += "	<tr>";	
	navigation_html += "		<td id='nav_item_4_0' class='navigation_item_unselected' onmouseover=\"do_item_highlight('nav_item_4_0',true);\" onmouseout=\"do_item_highlight('nav_item_4_0',false);\" style='' onClick=\"do_item_click('nav_item_4_0','');\">";	
	navigation_html += "			Contact";	
	navigation_html += "		</td>";	
	navigation_html += "	</tr>";	
	navigation_html += "</table>";
	navigation_html += "</td></tr></table>";
	navigation_html += "</div>";	
	//
	// Put the data in the td
	//
	document.getElementById('navigation_td').innerHTML = navigation_html;
}