//check browser
	var isNS4 = (document.layers) ? true : false;
	var isIE4 = (document.all && !document.getElementById) ? true : false;
	var isIE5 = (document.all && document.getElementById) ? true : false;
	var isNS6 = (!document.all && document.getElementById) ? true : false;

	var lastLayer = null;
	var shiftPixels = 0;

	//write layers
	function init(page)
	{
		//see what page called
		if(page == "index")
		{
			writeIndexLayers();
		}
		else
		{
			writeLayers();
			writeSubLayers();
		}
	}

	//////////////////////////////////////////////////////////////////////////////
	//	  layer	mechanisms for menu
	//////////////////////////////////////////////////////////////////////////////
	function triggerOff()
	{
		//check if lastlayer is not null
		if(lastLayer != null)
		{
			//call turn off function
			singleOff(lastLayer);
		}
	}


        function triggerOn(target)
        {
        	if (lastLayer != null)
        		singleOff(lastLayer);

        	lastLayer = target;

        	if (isIE5 || isNS6)
                {
                	document.getElementById(target).style.visibility = 'visible';
                	document.getElementById('main_div').style.visibility = 'visible';
		}
		else if (isIE4)
		{
                        eval("document.all." + target + ".style.visibility = 'visible'");
                        eval("document.all.main_div.style.visibility = 'visible'");
		}
		else if (isNS4)
		{
			//make visible
                        eval ("document." + target + ".visibility = 'visible'");
                        eval ("document.main_div.visibility = 'visible'");
		}
	} // end triggerOn

         // Enter the ID of each layer/div
        function singleOff(id)
        {

		if (isIE5 || isNS6)
		{
                        document.getElementById(id).style.visibility = 'hidden';
                        document.getElementById('main_div').style.visibility = 'hidden';
		}

		else if (isIE4)
		{
                	eval("document.all." + id +".style.visibility = 'hidden'");
                	eval("document.all.main_div.style.visibility = 'hidden'");
		}

		else if (isNS4)
		{
                        eval ("document." + id + ".visibility = 'hidden'");
                        eval ("document.main_div.visibility = 'hidden'");
		}
	}

	//function to write layers to rest of site
	function writeLayers()
	{
		document.writeln('\
			<div id=\"main_div\" style=\"position:absolute\;left:0px\;top:0px\; height:600px; width: 800px\; z-index:3\;visibility:hidden\;\" onMouseOver=\"triggerOff()\">\
			<img src=\"images/dot.gif\" width=\"800\" height=\"600\" border=\"0\" border=\"0\">\
			</div>');
		document.writeln('\
			<div id=\"pub_div\" style=\"position:absolute\;left:0px\;top:50px\; width: 195px\; z-index:3\;visibility:hidden\;\">\
			<img src=\"images/ro_p_and_p.gif\" usemap=\"#PrintingPublishing\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"doc_div\" style=\"position:absolute\;left:195px\;top:50px\; width: 195px\; z-index:4\;visibility:hidden\;\">\
			<img src=\"images/ro_doc.gif\" usemap=\"#Documentation\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"mkt_div\" style=\"position:absolute\;left:390px\;top:50px\; width: 195px\; z-index:5\;visibility:hidden\;\">\
			<img src=\"images/ro_mc.gif\" usemap=\"#MarCom\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"tch_div\" style=\"position:absolute\;left:585px\;top:50px\; width: 195px\; z-index:6\;visibility:hidden\;\">\
			<img src=\"images/ro_tech_1.gif\" usemap=\"#Technology\" border=\"0\">\
			</div>');
	}

	//function to write layers to home index page
	function writeIndexLayers()
	{
		document.writeln('\
			<div id=\"main_div\" style=\"position:absolute\;left:0px\;top:0px\; height:600px; width: 800px\; z-index:1\;visibility:hidden\;\" onMouseOver=\"triggerOff()\">\
			<img src=\"images/dot.gif\" width=\"800\" height=\"600\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"pub_div\" style=\"position:absolute\;left:0px\;top:300px\; width: 195px\; z-index:3\;visibility:hidden\;\">\
			<img src=\"images/ro_p_and_p.gif\" usemap=\"#PrintingPublishing\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"doc_div\" style=\"position:absolute\;left:195px\;top:300px\; width: 195px\; z-index:4\;visibility:hidden\;\">\
			<img src=\"images/ro_doc.gif\" usemap=\"#Documentation\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"mkt_div\" style=\"position:absolute\;left:390px\;top:300px\; width: 195px\; z-index:5\;visibility:hidden\;\">\
			<img src=\"images/ro_mc.gif\" usemap=\"#MarCom\" border=\"0\">\
			</div>');

		document.writeln('\
			<div id=\"tch_div\" style=\"position:absolute\;left:585px\;top:300px\; width: 195px\; z-index:6\;visibility:hidden\;\">\
			<img src=\"images/ro_tech.gif\" usemap=\"#Technology\" border=\"0\">\
			</div>');
	}

	//function to write layers for the sub section of Crestec Amsterdam
	function writeSubLayers()
	{
		document.writeln('\
			<div id=\"main_div\" style=\"position:absolute\;left:0px\;top:0px\; height:600px; width: 800px\; z-index:1\;visibility:hidden\;\" onMouseOver=\"triggerOff()\">\
			<img src=\"images/dot.gif\" width=\"800\" height=\"600\" border=\"0\" border=\"0\">\
			</div>');
		document.writeln('\
			<div id=\"services_div\" style=\"position:absolute\;left:110px\;top:123px\; width: 86px\; z-index:3\;visibility:hidden\;\">\
			<table cellspacing=0 cellpadding=0 border=0 width=263 bgColor=#999999>\
			<tr><td colspan=2><a href=\"ceu_services.html\"><img src=\"images/services_menu.gif\" border=\"0\" usemap=\"#Services\"></a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_testing.html\" class=\"menu\">Testing and certification</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_document.html\" class=\"menu\">Document design</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_tech_writing.html\" class=\"menu\">Technical writting and illustration</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_translation.html\" class=\"menu\">Translation</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_term.html\" class=\"menu\">Terminology management</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_custom_tools.html\" class=\"menu\">Customized tools</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_localization.html\" class=\"menu\">Software localization</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_desktop.html\" class=\"menu\">DTP and electronic publishing</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_printing.html\" class=\"menu\">Printing</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_fulfilment.html\" class=\"menu\">Fulfilment</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_distribution.html\" class=\"menu\">Packaging, kitting, finishing, distribution</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_on_demand.html\" class=\"menu\">Worldwide on-demand service</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_services_project.html\" class=\"menu\">Total project management</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\">&nbsp</td></tr>\
			</table>\
		        </div>');

		document.writeln('\
			<div id=\"comp_info_div\" style=\"position:absolute\;left:196px\;top:123px\; width: 162px\; z-index:4\;visibility:hidden\;\">\
			<table cellspacing=0 cellpadding=0 border=0 width=162 bgColor=#999999>\
			<tr><td colspan=2><a href=\"ceu_company_info.html\"><img src=\"images/company_info_menu.gif\" border=\"0\"></a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_history.html\" class=\"menu\">A short history</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_overview.html\" class=\"menu\">Organization overview</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_vision.html\" class=\"menu\">Company vision</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\"><a href=\"ceu_crestec_group.html\" class=\"menu\">The Crestec Group</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"middle\">&nbsp</td></tr>\
			</table>\
			</div>');

		document.writeln('\
			<div id=\"contact_us_div\" style=\"position:absolute\;left:476px\;top:123px\; width: 98px\; z-index:5\;visibility:hidden\;\">\
			<table cellspacing=0 cellpadding=0 border=0 width=98 bgColor=#999999>\
			<tr><td colspan=2><a href=\"ceu_contact.html\"><img src=\"images/contact_menu.gif\" border=\"0\"></a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\"><a href=\"ceu_translators.html\" class=\"menu\">Translators</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\"><a href=\"ceu_careers.html\" class=\"menu\">Careers</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\"><a href=\"ceu_maps.html\" class=\"menu\">Maps</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\">&nbsp</td></tr>\
			</table>\
			</div>');
			
			document.writeln('\
			<div id=\"news_div\" style=\"position:absolute\;left:358px\;top:123px\; width: 98px\; z-index:5\;visibility:hidden\;\">\
			<table cellspacing=0 cellpadding=0 border=0 width=118 bgColor=#999999>\
			<tr><td colspan=2><a href=\"ceu_news.html\"><img src=\"images/news_menu.gif\" border=\"0\"></a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\"><a href=\"ceu_newsletters.html\" class=\"menu\">Newsletter</a></td></tr>\
			<tr><td width=18>&nbsp;</td><td valign=\"bottom\">&nbsp</td></tr>\
			</table>\
			</div>');
	}

        //fix netscape resizing     issue
	if (isNS4)
	{
		window.onresize	= resize;
	}

	function resize()
	{
		window.history.go(0);
	}