function Menu(){
  
 }
Menu.fired=false;

Menu.menus=new Array(0);
Menu.debug="";

/*Menu.setState= function(id,state) {
 Menu.menus[id]=state;
}
Menu.getState= function(id) {
 return Menu.menus[id];
}*/


//object id, function/url, cssclass/function, cssclass/function
//, child_ID, childcssclass/function, childcssclass/function
Menu.prototype.add=function(id, click, overclass, outclass ,childid,childoverclass,childoutclass ){
	Menu.menus[id]=Array(false,false);
	var el=document.getElementById(id);
	var child_el=null;
	if (childid!=null)
		child_el=document.getElementById(childid);

	if (!el)
	{
		alert("Warning cant find "+id);
		return;
	}
	
	el.onmouseover = function () { 
		Menu.fired=false;
		if (typeof  overclass == "function"){
			overclass(id);
		}else{
			Menu.changeClass(this,outclass,overclass);
		}
		
		if (child_el!=null)
		{
			if (typeof childoverclass == "function"){
				childoverclass(childid);
			}else{
				Menu.changeClass(child_el,childoutclass,childoverclass);
			}
			
		}

	}
	el.onmousedown = function () {
		if (click!=null) {
			if (!Menu.fired){
				if (typeof click == "function")	{
					click(id);
				}else{
					document.location=click; 
				}
			}

			Menu.fired=true;
		}
	}
	el.onmouseout= function () {
		if (typeof outclass == "function"){
			outclass(id);
		}else{
			Menu.changeClass(this,overclass,outclass);
		}
		
		if (child_el!=null  )
		{
			if (typeof childoutclass == "function"){
				childoutclass(childid);
			}else{
				Menu.changeClass(child_el,childoverclass,childoutclass);
			}
			
		}
	}
}



Menu.changeClass= function(el,remclass,addclass){
	Menu.removeClass(el,remclass);
	Menu.addClass(el,addclass); 
}

Menu.removeClassById= function(id,classname){
 Menu.removeClass(document.getElementById(id),classname);
}

Menu.removeClass = function(el, className) {
	if (!(el && el.className)) {
		return;
	}
	var cls = el.className.split(" ");
	var ar = new Array();
	for (var i = cls.length; i > 0;) {
		if (cls[--i] != className) {
			ar[ar.length] = cls[i];
		}
	}
	el.className = ar.join(" ");

};

Menu.addClass = function(el, className) {
	if (el==null){
		alert("warning: no el:"+className);
		return;
	}
	Menu.removeClass(el, className);
	el.className += " " + className;
};

// preload images	
Menu.myimages=new Array();
Menu.loadImages=function(arr){
  
  for (var i=0;i<arr.length;i++ )
  {
	Menu.myimages[Menu.myimages.length]=new Image(10,10);
	Menu.myimages[Menu.myimages.length-1].src=arr[i];
  }
}

//-------------  Site specific functions -------------
Menu.opennew=function(id){
  var link="";
  if (id=="idsubmenu1div5"){
	  link="http://demo.cometmall.net/admin";
  }else{
	  link="http://demo.cometmall.net/";
  }
  window.open(link,'new'+Math.round(100*Math.random()),'width=800,height=600,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes'); 
}

Menu.setup= function(){
  menu.add("idmenu0", "/index.php", Menu.on, Menu.off,null,null,null);

  menu.add("idmenu1", "/infopage.php?ipage=services.html", Menu.on, Menu.off,"idsubmenu1",Menu.subon, Menu.suboff);
  menu.add("idsubmenu1div0", "/infopage.php?ipage=services.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  menu.add("idsubmenu1div1", "/infopage.php?ipage=services.html#s1", Menu.subitemon, Menu.subitemoff, null,null,null);
  menu.add("idsubmenu1div2", "/infopage.php?ipage=demo.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  /*menu.add("idsubmenu1div3", "/infopage.php?ipage=services.html#s2", Menu.subitemon, Menu.subitemoff, null,null,null);
  menu.add("idsubmenu1div4", Menu.opennew, Menu.subitemon, Menu.subitemoff, null,null,null);
  menu.add("idsubmenu1div5", Menu.opennew, Menu.subitemon, Menu.subitemoff, null,null,null);*/

  menu.add("idmenu2", "/infopage.php?ipage=portfolio.html", Menu.on, Menu.off,"idsubmenu2",Menu.subon, Menu.suboff);
  menu.add("idsubmenu2div0", "/infopage.php?ipage=portfolio.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  menu.add("idsubmenu2div1", "/infopage.php?ipage=testimonials.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  menu.add("idsubmenu2div2", "/infopage.php?ipage=faq.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  
  menu.add("idmenu3", "/infopage.php?ipage=about.html", Menu.on, Menu.off,"idsubmenu3",Menu.subon, Menu.suboff);
  menu.add("idsubmenu3div0", "/infopage.php?ipage=about.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  menu.add("idsubmenu3div1", "/infopage.php?ipage=whyus.html", Menu.subitemon, Menu.subitemoff,null,null,null);
  
  menu.add("idmenu4", "/infopage.php?ipage=contact.html", Menu.on, Menu.off,null,null,null);



}

Menu.hide = function (id){
	var el=document.getElementById(id);
	Menu.changeClass(el,"visible","hide");
}
Menu.show = function (id){
	var el=document.getElementById(id);
	Menu.changeClass(el,"hide","visible");
}

Menu.on = function (id){
	Menu.show(id+"div");
}
Menu.off = function (id){
	Menu.hide(id+"div");
}
Menu.subon = function (id){
	Menu.show(id);
}
Menu.suboff = function (id){
//	setTimeout("Menu.hide('"+id+"')",500);
	Menu.hide(id);
}

Menu.subitemon = function (id){
	Menu.show(id+'on');
}

Menu.subitemoff = function (id){
	Menu.hide(id+'on');
}

Menu.loadImages ( new Array("images/sub-menu-backgr-on.gif","images/menu-button-right-on.gif","images/menu-button-on.gif", "images/sub-menu-backgr.gif","images/sub-menu-backgr-on.gif") );

function createsubmenu(id,names){
  document.write('<div style="z-index:10000;" class="submenu hide" id="'+id+'" >');
  document.write('<table style="z-index:10000;" width="138px" cellspacing="0" cellpadding="0" >');
  
  for (var i=0;i<names.length;i++){
    if (i>0) document.write('<tr><td height="1"></td></tr>');
  	document.write('<tr>');
	document.write('<td id="'+id+'div'+i+'" class="hand" height="16px" >');
	document.write('<img class="imgmenu" src="images/sub-menu-backgr.gif">');
	document.write('<img class="imgmenu hide" src="images/sub-menu-backgr-on.gif" id="'+id+'div'+i+'on">');
	document.write('<span class="txtsubmenu" >'+names[i]+'</span>');
	document.write('</td>');
	document.write('</tr>');

   }
   document.write('</table>');
   document.write('</div>');
}

function createmenu(id){

document.write('<table border="0" width="748px" cellspacing="0" cellpadding="0" style="z-index:10000;">');
document.write('<tr>');

if (id==0)
 document.write('<td width="146px" height="20px" id="idmenu0" background="images/menu-button-on.gif" class="hand">');
else
 document.write('<td width="146px" height="20px" id="idmenu0" background="images/menu-button.gif" class="hand">');
document.write('<img class="imgmenu hide" src="images/menu-button-on.gif" id="idmenu0div"><span class="txttopmenu" >Home</span>');
document.write('</td>');

if (id==1)
	document.write('<td width="146px" height="20px" id="idmenu1" background="images/menu-button-on.gif" class="hand">');
else
	document.write('<td width="146px" height="20px" id="idmenu1" background="images/menu-button.gif" class="hand">');
document.write('<img class="imgmenu hide" src="images/menu-button-on.gif" id="idmenu1div"><span class="txttopmenu" >Services</span>');
createsubmenu('idsubmenu1',new Array("Online Store","Compare plans","Demo") );
document.write('</td>');

if (id==2)
	document.write('<td width="146px" height="20px" id="idmenu2" background="images/menu-button-on.gif" class="hand">');
else
	document.write('<td width="146px" height="20px" id="idmenu2" background="images/menu-button.gif" class="hand">');
document.write('<img class="imgmenu hide" src="images/menu-button-on.gif" id="idmenu2div"><span class="txttopmenu" >Clients</span>');
createsubmenu('idsubmenu2',new Array("Portfolio","Testimonials","F.A.Q.") );
document.write('</td>');

if (id==3)
	document.write('<td width="146px" height="20px" id="idmenu3"  background="images/menu-button-on.gif" class="hand">');
else
	document.write('<td width="146px" height="20px" id="idmenu3"  background="images/menu-button.gif" class="hand">');
document.write('<img class="imgmenu hide" src="images/menu-button-on.gif" id="idmenu3div"><span class="txttopmenu" >Company</span>');
createsubmenu('idsubmenu3',new Array("About", "Why CometMall?") );
document.write('</td>');

if (id==4)
	document.write('<td width="164px" height="20px" id="idmenu4"  background="images/menu-button-right-on.gif" class="hand"><img class="imgmenu hide" src="images/menu-button-right-on.gif" id="idmenu4div"><span class="txttopmenu" >Contacts</span></td>');
else
	document.write('<td width="164px" height="20px" id="idmenu4"  background="images/menu-button-right.gif" class="hand"><img class="imgmenu hide" src="images/menu-button-right-on.gif" id="idmenu4div"><span class="txttopmenu" >Contacts</span></td>');
document.write('</tr>');

document.write('<tr>');
document.write('<td width="730" height="9px" style="vertical-align: top" colspan="5"><img border="0" src="images/menu-bottom.gif"></td>');
document.write('</tr>');
document.write('</table>');

}