// suckerfish menus
startList = function() {
		if (document.all&&document.getElementById) {
				navRoot = document.getElementById("mainNav");
				if ( navRoot.getAttribute("class") == "sf" || navRoot.getAttribute("className") == "sf") {
					for (i=0; i<navRoot.childNodes.length; i++) {
							node = navRoot.childNodes[i];
							if (node.nodeName=="LI") {
									node.onmouseover=function() {
											this.className+=" hover";
									}
									node.onmouseout=function() {
											this.className=this.className.replace(" hover", "");
									}
							}
					}
				}
		}
}
window.onload=startList;



// **** SETTINGS *****
var NavContainerID = 'mainNav'


// ************* MAIN MENU ITEMS *************
var oNavItems = {
	welcome: [
	],
	
	aboutus: [
		{text: 'About Us',url: 'aboutus.htm'},
		{text: 'Awards',url: 'awards.htm'}
	],

	services: [
		{text: 'Tactical Advice &amp; Implementation',url: 'idservices.htm'},
		{text: 'Feasibility and Due Diligence',url: 'feasibility.htm'},
		{text: 'Market Research and Development',url: 'research.htm'},
		{text: 'Repositioning Projects',url: 'repositioning.htm'},
		{text: 'Lecturing and Training',url: 'lecturing.htm'}
	],

	identity: [
		{text: 'Public Relations and Media',url: 'media.htm'},
		{text: 'Creative Advertising',url: 'creativead.htm'},
		{text: 'e-Marketing',url: 'emarketing.htm'},
		{text: 'Website and e-Brochures',url: 'ebrochures.htm'},
		{text: 'Identity and Personality Rebranding',url: 'rebranding.htm'},
		{text: 'Direct Marketing Campaigns',url: 'dmarketing.htm'},
		{text: 'Environmental, Cultural and Social Policy',url: 'environmental.htm'}
	],

	itinerary: [
		{text: 'Events and Kimberley Safari Itineraries',url: 'kimberley.htm'}
	],

	news: [
		{text: 'News Desk',url: 'newsdesk.htm'},
		{text: 'Image Gallery',url: 'images.htm'}
	],
	
	contact: [
	]

};
// ************* THE FOLLOWING CODE DISPLAYS THE DROPDOWN MENU *************
// Constants
var ELEMENT_NODE = 1;
var TEXT_NODE = 3;

// Variables
var oCurrentMenuItem;
var oCurrentSubMenu;
var oBuiltSubMenus = {};

document.onmouseover = function(e){

	Event = (e == null) ? event : e;
	Event.sourceElement = (Event.target == null) ? Event.srcElement : Event.target;

	// Capture mouseover events on the main navigation buttons

	oSubMenu = null;

	if(Event.sourceElement.parentNode.parentNode != null){
		blnIsButtonTextNode = (Event.sourceElement.parentNode.parentNode.id == NavContainerID && Event.sourceElement.nodeType == TEXT_NODE);
	}else{
		blnIsButtonTextNode = false;
	}
	
	//alert(Event.sourceElement.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id);
	//return;
	if(Event.sourceElement.parentNode.parentNode){
	if(Event.sourceElement.parentNode.parentNode.id == NavContainerID || blnIsButtonTextNode){

		oMenuItem = (blnIsButtonTextNode) ? Event.sourceElement.parentNode.parentNode : Event.sourceElement;

		strNavID = oMenuItem.id.split('_')[1];

		if(oNavItems[strNavID] != null){
		
			if(oBuiltSubMenus[strNavID] != null){
				oSubMenu = document.getElementById('sub_' + strNavID);
			}else{
				oNewSubMenu = document.createElement('div');
				oNewSubMenu.id = 'sub_' + strNavID;
				oNewSubMenu.className = 'submenu';

				for(i = 0; i < oNavItems[strNavID].length; i++){
					oNewSubMenuItem = document.createElement('a');
					oNewSubMenuItem.innerHTML = oNavItems[strNavID][i].text;
					oNewSubMenuItem.href = oNavItems[strNavID][i].url;
					oNewSubMenu.appendChild(oNewSubMenuItem);
				}

				oMainNav = document.getElementById(NavContainerID);
				
				oMainNav.insertBefore(oNewSubMenu, oMenuItem.parentNode.nextSibling);

				oBuiltSubMenus[strNavID] = true;
				oSubMenu = oNewSubMenu;
			}
		}

		if(oSubMenu != null && oSubMenu.nodeType == ELEMENT_NODE){

			if(oCurrentMenuItem == oMenuItem){
				return false;
			}

			if(oCurrentMenuItem != null && oCurrentMenuItem != oMenuItem){
				oCurrentMenuItem.className = '';
			}

			if(oCurrentSubMenu != null && oCurrentSubMenu != oSubMenu){
				oCurrentSubMenu.style.visibility = 'hidden';
			}

			iSubMenuWidth = parseInt(oMenuItem.offsetWidth);
			if(iSubMenuWidth < 170){
					switch (strNavID)
						{
							case "aboutus":
								iSubMenuWidth = 90;
								break;
							case "services":
								iSubMenuWidth = 220;
								break;
							case "identity":
								iSubMenuWidth = 250;
								break;
							case "itinerary":
								iSubMenuWidth = 240;
								break;
							case "news":
								iSubMenuWidth = 100;
								break;
							default:
								iSubMenuWidth = 0;
						}
			}

			oSubMenu.style.width = iSubMenuWidth + 'px';
			oSubMenu.style.left = oMenuItem.offsetLeft + 'px';

			if(oMenuItem.className != 'current'){
				oMenuItem.className = 'active';
			}else{
				oMenuItem.style.borderTopColor = '#7BD3EC';
			}

			/*
				Changing the display property aswell as the visibility 
				prevents NS6+ from flashing the submenu before it is 
				positioned
			*/
			oSubMenu.style.display = 'none';
			oSubMenu.style.visibility = 'visible';
			oSubMenu.style.display = 'block';
			oCurrentMenuItem = oMenuItem;
			oCurrentSubMenu = oSubMenu;
		}
	}
	}

}

document.onmouseout = function(e){

	Event = (e == null) ? event : e;
	Event.sourceElement = (Event.target == null) ? Event.srcElement : Event.target;
	Event.relatedElement = (Event.relatedTarget == null) ? Event.toElement : Event.relatedTarget;

	// mouseout event fired by the top-level menu item
	if(
		(Event.sourceElement != null && Event.sourceElement.id != null && Event.sourceElement.id.split('_')[0] == 'nav')
		&& Event.sourceElement.nodeType == ELEMENT_NODE
		&& Event.sourceElement.className != 'submenu'
		&& Event.sourceElement.parentNode.parentNode.className != 'submenu'
		&& Event.relatedElement != null	
		&& Event.relatedElement.className != 'submenu'
		&& Event.relatedElement.parentNode.parentNode.className != 'submenu'
	){

		if(oCurrentSubMenu != null){
			oCurrentSubMenu.style.visibility = 'hidden';
			oCurrentSubMenu = null;
		}

		if(oCurrentMenuItem != null && oCurrentMenuItem.className != 'current'){
			oCurrentMenuItem.className = '';
		}else if(oCurrentMenuItem.className == 'current'){
			oMenuItem.style.borderTopColor = '#3ABDE4';
		}
		oCurrentMenuItem = null;
	}

	// mouseout event fired by the sub-menu
	if(
		Event.sourceElement != null
		&& Event.relatedElement != null
		&& (Event.sourceElement.parentNode.className == 'submenu' || Event.sourceElement.className == 'submenu')
		&& Event.relatedElement.nodeType != TEXT_NODE
		&& Event.relatedElement.className != 'submenu'
		&& Event.relatedElement.parentNode.parentNode.className != 'submenu'
		&& Event.sourceElement.parentNode.parentNode.id != NavContainerID
		&& Event.relatedElement.parentNode.parentNode.id != NavContainerID
	){

		if(oCurrentSubMenu != null){
			oCurrentSubMenu.style.visibility = 'hidden';
			oCurrentSubMenu = null;
		}

		if(oCurrentMenuItem != null && oCurrentMenuItem.className != 'current'){
			oCurrentMenuItem.className = '';
		}else if(oCurrentMenuItem.className == 'current'){
			oMenuItem.style.borderTopColor = '#3ABDE4';
		}
		oCurrentMenuItem = null;
	}

}