//Routines for mouse activated pop-up layers

	//declare vars--don't change
		var timer;
		var num;
		var layers = new Array();
	
	//snoop browser type--don't change
		var ns4 = (document.layers);
		var ie4 = (document.all);
		var ie5 = (document.all && document.getElementById);
		var ns6 = (!document.all && document.getElementById);
		
//=============================================================================================	
//don't change anything above this line					
	//here you customize layer data and definitions  
	//(left,top,width,height,bgcolor,border,content note:content could be anything after color)
		
		layers[1] =	new layerinfo(160,131,172,122,0,"none",
			"<img src=\"images\/RW_pulldown_services.gif\" width=\"172\" height=\"122\" usemap=\"#menu1\" border=\"0\">"+
			"<map name=\"menu1\">"+    //coords: left,top,right,bottom
			"<area shape=\"rect\" coords=\"9,8,164,22\" href=\"services\/proman.html\">"+
			"<area shape=\"rect\" coords=\"9,23,164,37\" href=\"services\/des.html\">"+
			"<area shape=\"rect\" coords=\"9,38,164,52\" href=\"services\/prod.html\">"+
			"<area shape=\"rect\" coords=\"9,53,164,67\" href=\"services\/artphoto.html\">"+
			"<area shape=\"rect\" coords=\"9,68,164,82\" href=\"services\/bi.html\">"+
			"<area shape=\"rect\" coords=\"9,83,164,97\" href=\"services\/corp.html\">"+
			"<area shape=\"rect\" coords=\"9,98,164,112\" href=\"services\/pack.html\"><\/map><\/div>");
			
		layers[2] =	new layerinfo(160,203,172,122,0,"none",
			"<img src=\"images\/RW_pulldown_solutions.gif\" width=\"172\" height=\"108\" usemap=\"#menu2\" border=\"0\">"+
			"<map name=\"menu2\">"+
			"<area shape=\"rect\" coords=\"9,8,164,22\" href=\"solutions\/pre-k\/pk01.html\">"+
			"<area shape=\"rect\" coords=\"9,23,164,37\" href=\"solutions\/el-hi\/eh01.html\">"+
			"<area shape=\"rect\" coords=\"9,38,164,52\" href=\"solutions\/college\/cl01.html\">"+
			"<area shape=\"rect\" coords=\"9,53,164,67\" href=\"solutions\/covers\/cv01.html\">"+
			"<area shape=\"rect\" coords=\"9,68,164,82\" href=\"solutions\/bilingual\/bi01.html\">"+
			"<area shape=\"rect\" coords=\"9,83,164,97\" href=\"solutions\/corporate\/cr01.html\"><\/map><\/div>");
		
		layers[3] =	new layerinfo(160,275,172,78,0,"none",
			"<img src=\"images\/RW_pulldown_res.gif\" width=\"172\" height=\"78\" usemap=\"#menu3\" border=\"0\">"+
			"<map name=\"menu3\">"+
			"<area shape=\"rect\" coords=\"9,8,164,22\" href=\"resources\/res.html#nabp\">"+
			"<area shape=\"rect\" coords=\"9,23,164,37\" href=\"resources\/res.html#ep\">"+
			"<area shape=\"rect\" coords=\"9,38,164,52\" href=\"resources\/res.html#eas\">"+
			"<area shape=\"rect\" coords=\"9,53,164,67\" href=\"resources\/res.html#eag\"><\/map><\/div>");
		
		layers[4] =	new layerinfo(160,347,172,108,0,"none",
			"<img src=\"images\/RW_pulldown_aboutus.gif\" width=\"172\" height=\"92\" usemap=\"#menu4\" border=\"0\">"+
			"<map name=\"menu4\">"+
			"<area shape=\"rect\" coords=\"9,8,164,22\" href=\"aboutus\/over.html\">"+
			"<area shape=\"rect\" coords=\"9,23,164,37\" href=\"aboutus\/contact.html\">"+
			"<area shape=\"rect\" coords=\"9,38,164,52\" href=\"aboutus\/mail.html\">"+
			"<area shape=\"rect\" coords=\"9,53,164,67\" href=\"aboutus\/clients.html\">"+
			"<area shape=\"rect\" coords=\"9,68,164,82\" href=\"aboutus\/employ.html\"><\/map><\/div>");

//don't change anything below this line		
//=============================================================================================	

		
	//set specs and content for this layers element--don't change
	
		function layerinfo(left,top,width,height,border,color,content) {
			this.lyrwidth = width;
			this.bdrwidth = border;
			this.lyrcolor = color;
			this.lyrcontent = content;
			
			if(ns6) { 
				this.fromleft = left-2;
				this.fromtop = top-7;
				this.lyrheight = height-10;
				} else if (ns4) {
				this.fromleft = left+3;
				this.fromtop = top-1;
				this.lyrheight = height-10;
				this.lyrcolor = "white"
				} else {
	   			this.fromleft = left;
	   			this.fromtop = top;
				this.lyrheight = height;
				}
			}
			
		
	//build individual layers--don't change
		for (i = 1; i < layers.length; i++) {   //remember, layers length includes 0 element in array
			if (!ns4) {
				document.write("<div id=\"layer"+i+"\" style=\"position:absolute;left:"+layers[i].fromleft+"px;"+
				"top:"+layers[i].fromtop+"px;width:"+layers[i].lyrwidth+"px;height:"+layers[i].lyrheight+"px;"+
				"visibility:hidden;background-color:"+layers[i].lyrcolor+";border-width:"+layers[i].bdrwidth+";"+
				"border-style:solid;color:"+layers[i].lyrcolor+";display:block\" onMouseOver=\"clearTimeout(timer);\" "+
				"onmouseout=\"hide('layer"+i+"');\">"+layers[i].lyrcontent+"<\/div>");
				} else {
				document.write("<layer id=\"layer"+i+"\" position:absolute left="+layers[i].fromleft+"px "+
				"top="+layers[i].fromtop+"px width="+layers[i].lyrwidth+"px height="+layers[i].lyrheight+"px "+
				"visibility=hidden bgcolor="+layers[i].lyrcolor+" onMouseOver=\"clearTimeout(timer);\" "+
				"onmouseout=\"hide('layer"+i+"');\">"+layers[i].lyrcontent+"<\/layer>");
				}
			}
			
	//show and hide layers--don't change
	
		function show(num){
		
			if(timer) {
				clearTimeout(timer);    //if timer is running, close it
				}
				
			for (i = 1;i < layers.length;i++) {		//hide everything first
				if (ns4) {
					document.layers["layer"+i].visibility = "hidden";
					} else if (ie5) {
					document.all["layer"+i].style.visibility = "hidden";				
					} else if (ie5 || ns6) {
					document.getElementById("layer"+i).style.visibility = "hidden";
					}
				}
				
			if (num) {						//then show it
				if (ns4) {
					document.layers[num].visibility = "visible";
					} else if (ie5) {
					document.all[num].style.visibility = "visible";					
					} else if (ie5 || ns6) {
					document.getElementById(num).style.visibility = "visible";
					}
				}
			}
		
		function hide(num) {
			timer = setTimeout("show(num)", 500);
			}