var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.


function createcssmenu2()
	{
	    var path = "http://www.insta.biz/imgs/menu/";
	for (var i=0; i<cssmenuids.length; i++)
		{
		var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")


	    for (var t=0; t<ultags.length; t++)
			{
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"
	    	var spanref=document.createElement("span")
				spanref.className="arrowdiv"
				spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
				ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
				
				
	    	ultags[t].parentNode.onmouseover=function()
				{
				this.style.zIndex=100
	    		this.getElementsByTagName("ul")[0].style.visibility="visible"
				this.getElementsByTagName("ul")[0].style.zIndex=0
		    	this.getElementsByTagName("ul")[0].parentNode.className="";
		    	this.getElementsByTagName("a")[0].style.color = "#ff6666";				
				switch( this.getElementsByTagName("a")[0].id )				
					{
					
					case "home":
					    this.getElementsByTagName("a")[0].style.background = "url(" + path + "home-mouseOverBg.jpg) no-repeat center left";				
						break;

					case "websitedesign":
					    this.getElementsByTagName("a")[0].style.background = "url(" + path + "websitedesign-mouseOverBg.jpg) no-repeat center left";				
						break;

					case "domainNameServices":
					    this.getElementsByTagName("a")[0].style.background = "url(" + path + "domainNames-mouseOverBg.jpg) no-repeat center left";				
						break;

					case "websiteHosting":
					    this.getElementsByTagName("a")[0].style.background = "url(" + path + "websiteHosting-mouseOverBg.jpg) no-repeat center left";				
						break;
						

					case "seo":
					    this.getElementsByTagName("a")[0].style.background = "url(" + path + "seo-mouseOverBg.jpg) no-repeat center left";				
						break;
						
						
					default:
						this.getElementsByTagName("a")[0].style.background = "";				
					}	
	    		}
	    	ultags[t].parentNode.onmouseout=function()
				{
				this.style.zIndex=0
				this.getElementsByTagName("ul")[0].style.visibility="hidden"
				this.getElementsByTagName("ul")[0].style.zIndex=100
//		    	alert( "ID: " + this.getElementsByTagName("a")[0].id);
				this.getElementsByTagName("a")[0].style.background = "";				
				this.getElementsByTagName("a")[0].style.color = "white";				

	    		}
	    	
			}

		}


	}



if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)
