////////////////////////////////////////////////////////////////////////////
// Toolbar.js 
// 
// Written By PCI Web Development
//
// Date: 18-Sep-2000
//
//

var flag = ( navigator.userAgent.indexOf("MSIE") >=0 && parseInt( navigator.appVersion ) >= 4);
var displaymenu = null;


//Respond to mouseover and mouseout events

if ( flag )	
{
	document.onmouseover=mouseover;
	document.onmouseout=mouseout;
}

function OpenMenu(eSrc,eMenu)
{
	// need this for mac
	eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop ;

	//Make the Menu Visible
	eMenu.style.visibility = "visible";
	displaymenu = eMenu;
}

//Hide the Menu
function CloseMenu(eMenu)
{
	eMenu.style.visibility = "hidden";
	displaymenu = null;
}

function statusmsg(msg) 
{
	window.status = msg;
	return true;
}

//Set what happens when the Mouse is over a menu item
function mouseover()
{
	if ( flag )	
	{
		//Set up a variable to detect what item it is over
		var eSrc = window.event.srcElement;

		//Check if it is a ToolBar element
		if ( eSrc.className == "toolbar" )

		//If it is set the value of emenu
		{
			var eMenu = document.all[eSrc.id.replace("tdMenuBarItem", "divMenu")];
			if (displaymenu && displaymenu != eMenu) 
				CloseMenu(displaymenu);

			if (eMenu) 
				OpenMenu(eSrc,eMenu);

			eSrc.style.color="#999999";
		}
		else if (displaymenu && !displaymenu.contains(eSrc) && !divMenuBar.contains(eSrc)) 
			CloseMenu(displaymenu);
              
	}
}

function mouseout()
{
	if ( flag )	
	{
		var eSrc = window.event.srcElement;
		eSrc.style.color="";
	}
}	


function menuw(s) {
	var menuwidth = ''
	if (screen.width<801) {
		return menuwidth = s
	} else {
		if (screen.width>801 && screen.width<1152) {
			return menuwidth = (s+102);
		} else {
			if (screen.width>1024 && screen.width<1280) {
				return menuwidth = (s+166)
			} else {  
				return menuwidth = (s+229)
			}
		}
	}
}

function menu(z) {
	var mw = menuw(z)
	return mw
}

//Action the change to draw the menu
function drawmenus()
{
	var str='';

	if ( flag )	
	{	
		// Code to display the Home Menu
		str += '<div id="divMenuHome" class="clsMenu" style="width:150;left:' + menu(5) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '</div>';

		// Code to display the Services Menu
		str += '<div id="divMenuServices" class="clsMenu" style="width:180;left:' + menu(57) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '<a href="services.asp" onMouseOver="return statusmsg(\'Services and FAQs\')" onMouseOut="return statusmsg(\'\');">Services & FAQs</a><br>';		
		//str += '<a href="cms.asp" onMouseOver="return statusmsg(\'Content Management System\');" onMouseOut="return statusmsg(\'\');">Content Management</a><br>';		
		str += '<a href="seo.asp" onMouseOver="return statusmsg(\'Search Engine Optimisation\');" onMouseOut="return statusmsg(\'\');">Search Engine Optimisation</a><br>';		
		//str += '<a href="accessibility.asp" onMouseOver="return statusmsg(\'Website Accessibility\');" onMouseOut="return statusmsg(\'\');">Website Accessibility</a><br>';		
		str += '<a href="http://www.nm-hosting.co.uk/whois.asp" target="_blank" onMouseOver="return statusmsg(\'Domain Name Purchase\');" onMouseOut="return statusmsg(\'\');">Domain Names</a><br>';
		str += '<a href="http://www.nm-hosting.co.uk" target="_blank" onMouseOver="return statusmsg(this.innerText);" onMouseOut="return statusmsg(\'\');">Web Hosting</a><br>';
		str += '</div>';

		// Code to display the Quote Menu
		str += '<div id="divMenuQuote" class="clsMenu" style="width:150;left:' + menu(289) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '<a href="quote.asp" onMouseOver="return statusmsg(\'Complete our Web Site Quotation Form\');" onMouseOut="return statusmsg(\'\');">Web Quotation Form</a><br>';
		str += '<a href="offers.asp" onMouseOver="return statusmsg(\'1 Years FREE Hosting or 10% Discount\');" onMouseOut="return statusmsg(\'\');">Template Offers</a><br>';
		str += '</div>';
				
		// Code to display the Links Menu
		str += '<div id="divMenuLinks" class="clsMenu" style="width:240;left:' + menu(377) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '<a href="virus.asp" onMouseOver="return statusmsg(this.innerText);" onMouseOut="return statusmsg(\'\');">Latest Viruses & Hoaxes</a><br>';
		str += '<a href="docs/nm-design_brochure.exe" onMouseOver="return statusmsg(this.innerText);" onMouseOut="return statusmsg(\'\');">Download e-Brochure</a><br>';
		str += '<a href="docs/SEO.PDF" target="_blank" onMouseOver="return statusmsg(this.innerText);" onMouseOut="return statusmsg(\'\');">Download Search Optmisation Brochure</a><br>';
		//str += '<a href="google.asp" onMouseOver="return statusmsg(this.innerText);" onMouseOut="return statusmsg(\'\');">Google Search</a><br>';
		str += '</div>';

		// Code to display the Offers Menu
		str += '<div id="divMenuOffers" class="clsMenu" style="width:240;left:' + menu(428) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '<a href="offers.asp" onMouseOver="return statusmsg(\'1 Years FREE Hosting or 10% Discount\');" onMouseOut="return statusmsg(\'\');">Template Web Design Offers</a><br>';
		str += '<a href="" onMouseOver="return statusmsg(\'\');" onMouseOut="return statusmsg(\'\');">---------------</a><br>';
		str += '<a href="books1.asp" onMouseOver="return statusmsg(\'Bookshop\');" onMouseOut="return statusmsg(\'\');">Books & Essentials</a><br>';
		str += '<a href="books1.asp" onMouseOver="return statusmsg(\'Buy Beginners Books about HTML and Website Design\');" onMouseOut="return statusmsg(\'\');">&nbsp;&nbsp;>&nbsp;Beginner HTML & Design Books</a><br>';
		str += '<a href="books2.asp" onMouseOver="return statusmsg(\'Buy Books about Internet Marketing and Search Engine Optimisation\');" onMouseOut="return statusmsg(\'\');">&nbsp;&nbsp;>&nbsp;Internet Marketing & eBay Books</a><br>';
		str += '<a href="books3.asp" onMouseOver="return statusmsg(\'Buy Books about Databases\');" onMouseOut="return statusmsg(\'\');">&nbsp;&nbsp;>&nbsp;Database Books</a><br>';
		str += '<a href="books4.asp" onMouseOver="return statusmsg(\'Buy Books about Programming\');" onMouseOut="return statusmsg(\'\');">&nbsp;&nbsp;>&nbsp;Web Programming Books</a><br>';
		str += '<a href="books5.asp" onMouseOver="return statusmsg(\'Buy Software & Hardware\');" onMouseOut="return statusmsg(\'\');">&nbsp;&nbsp;>&nbsp;Software & Hardware</a><br>';
		str += '</div>';

		// Code to display the Contact Menu
		str += '<div id="divMenuContact" class="clsMenu" style="width:135;left:' + menu(488) + '";">';
		str += '<div class="clsMenuSpacer"></div>';
		str += '<a href="contact.asp" onMouseOver="return statusmsg(\'Contact Details\');" onMouseOut="return statusmsg(\'\');">Contact Us</a><br>';
		str += '</div>';
		
		// Go Write that string!	
		document.write( str )
	}
}
