//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>');
	}




	document.write("<map name=\"PrintingPublishing\">\
			<area shape=\"rect\" coords=\"14,23,181,37\" href=\"pandp_management.html\">\
			<area shape=\"rect\" coords=\"17,43,172,68\" href=\"prepress_prod.html\">\
			<area shape=\"rect\" coords=\"19,74,162,88\" href=\"publications.html\">\
			<area shape=\"rect\" coords=\"15,93,178,121\" href=\"package_label_design.html\">\
			<area shape=\"rect\" coords=\"20,124,177,140\" href=\"fulfillment_dist.html\">\
			<area shape=\"rect\" coords=\"22,146,175,160\" href=\"kitting.html\">\
			</map>\
");


document.write("<map name=\"Documentation\">\
			<area shape=\"rect\" coords=\"14,23,181,37\" href=\"document_engineering.html\">\
			<area shape=\"rect\" coords=\"17,43,172,68\" href=\"multilingual_technical.html\">\
			<area shape=\"rect\" coords=\"9,73,188,101\" href=\"technical_commercial.html\">\
			<area shape=\"rect\" coords=\"8,105,188,131\" href=\"tech_manual_design.html\">\
			<area shape=\"rect\" coords=\"9,134,186,161\" href=\"tech_illustration.html\">\
			</map>\
");


document.write("<map name=\"MarCom\">\
			<area shape=\"rect\" coords=\"13,23,175,38\" href=\"marcom_videodesign.html\">\
			<area shape=\"rect\" coords=\"15,42,179,59\" href=\"marcom_cddesignproduction.html\">\
			<area shape=\"rect\" coords=\"19,63,165,80\" href=\"marcom_advertisingservices.html\">\
			<area shape=\"rect\" coords=\"22,82,169,98\" href=\"marcom_publicrelations.html\">\
			<area shape=\"rect\" coords=\"20,103,171,129\" href=\"marcom_integratedmarcom.html\">\
			</map>\
");


document.write("<map name=\"Technology\">\
			<area shape=\"rect\" coords=\"16,23,182,37\" href=\"technology_contentmanagement.html\">\
			<area shape=\"rect\" coords=\"14,43,183,69\" href=\"technology_softwaredevelopmentlocalization.html\">\
			<area shape=\"rect\" coords=\"12,74,185,89\" href=\"technology_websitedesignprod.html\">\
			<area shape=\"rect\" coords=\"12,94,184,118\" href=\"technology_ecomebusapp.html\">\
			</map>\
");

//For the side navigation.


	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:0px\;top:135px\; width: 110px\; z-index:3\;visibility:hidden\;\">\
			<img src=\"images/cph_services_ro.jpg\" usemap=\"#Services\" border=\"0\">\
			</div>');

	}

	document.write("<map name=\"Services\">\
		          <area shape=\"rect\" coords=\"112,4,257,24\" href=\"cph_services_printing.html\">\
		          <area shape=\"rect\" coords=\"112,27,257,48\" href=\"cph_services_cd.html\">\
		          <area shape=\"rect\" coords=\"112,51,257,72\" href=\"cph_services_trans.html\">\
		          <area shape=\"rect\" coords=\"112,75,257,96\" href=\"cph_services_elec.html\">\
		          <area shape=\"rect\" coords=\"1,3,111,46\" href=\"cph_services.html\">\
		          <area shape=\"rect\" coords=\"1,49,111,95\" href=\"cph_vision.html\" onMouseOver=\"triggerOff();\">\
	 	      </map>\
	"); 	      
//-End of script for Navigation

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

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