// class
var Eve=Class.create();
Eve.prototype={
initialize: function(){

	// menu
	Event.observe(m0,'mouseover',new Function("Event","this.mOver(event,'m0','Hmenu0')").bindAsEventListener(this),false);
	Event.observe(m1,'mouseover',new Function("Event","this.mOver(event,'m1','Hmenu1')").bindAsEventListener(this),false);
	Event.observe(m2,'mouseover',new Function("Event","this.mOver(event,'m2','Hmenu2')").bindAsEventListener(this),false);
	Event.observe(m3,'mouseover',new Function("Event","this.mOver(event,'m3','Hmenu3')").bindAsEventListener(this),false);
	Event.observe(m4,'mouseover',new Function("Event","this.mOver(event,'m4','Hmenu4')").bindAsEventListener(this),false);
	Event.observe(m5,'mouseover',new Function("Event","this.mOver(event,'m5','Hmenu5')").bindAsEventListener(this),false);
	Event.observe(r0,'mouseover',new Function("Event","this.mOver(event,'r0','Joinnow')").bindAsEventListener(this),false);
	Event.observe(m0,'mouseout' ,new Function("Event","this.mOut(event,'m0','Hmenu0')").bindAsEventListener(this),false);
	Event.observe(m1,'mouseout' ,new Function("Event","this.mOut(event,'m1','Hmenu1')").bindAsEventListener(this),false);
	Event.observe(m2,'mouseout' ,new Function("Event","this.mOut(event,'m2','Hmenu2')").bindAsEventListener(this),false);
	Event.observe(m3,'mouseout' ,new Function("Event","this.mOut(event,'m3','Hmenu3')").bindAsEventListener(this),false);
	Event.observe(m4,'mouseout' ,new Function("Event","this.mOut(event,'m4','Hmenu4')").bindAsEventListener(this),false);
	Event.observe(m5,'mouseout' ,new Function("Event","this.mOut(event,'m5','Hmenu5')").bindAsEventListener(this),false);
	Event.observe(r0,'mouseout' ,new Function("Event","this.mOut(event,'r0','Joinnow')").bindAsEventListener(this),false);
	Event.observe(m0,'click',new Function("Event","this.click('dv0')").bindAsEventListener(this),false);
	Event.observe(m1,'click',new Function("Event","this.click('dv1')").bindAsEventListener(this),false);
	Event.observe(m3,'click',new Function("Event","this.click('dv2')").bindAsEventListener(this),false);
	Event.observe(m4,'click',new Function("Event","this.click('dv3')").bindAsEventListener(this),false);

	// left
	Event.observe(l0,'mouseover',new Function("Event","this.mOver(event,'l0','Hreg')").bindAsEventListener(this),false);
	Event.observe(l1,'mouseover',new Function("Event","this.mOver(event,'l1','Hlogin')").bindAsEventListener(this),false);
	Event.observe(l2,'mouseover',new Function("Event","this.mOver(event,'l2','Hqr')").bindAsEventListener(this),false);
	Event.observe(l0,'mouseout' ,new Function("Event","this.mOut(event,'l0','Hreg')").bindAsEventListener(this),false);
	Event.observe(l1,'mouseout' ,new Function("Event","this.mOut(event,'l1','Hlogin')").bindAsEventListener(this),false);
	Event.observe(l2,'mouseout' ,new Function("Event","this.mOut(event,'l2','Hqr')").bindAsEventListener(this),false);

	// submenu
	Event.observe(f0,'mouseover',new Function("Event","this.sOver(event,'f0')").bindAsEventListener(this),false);
	Event.observe(f1,'mouseover',new Function("Event","this.sOver(event,'f1')").bindAsEventListener(this),false);
	Event.observe(f2,'mouseover',new Function("Event","this.sOver(event,'f2')").bindAsEventListener(this),false);
	Event.observe(f3,'mouseover',new Function("Event","this.sOver(event,'f3')").bindAsEventListener(this),false);
	Event.observe(f4,'mouseover',new Function("Event","this.sOver(event,'f4')").bindAsEventListener(this),false);
	Event.observe(f5,'mouseover',new Function("Event","this.sOver(event,'f5')").bindAsEventListener(this),false);
	Event.observe(f6,'mouseover',new Function("Event","this.sOver(event,'f6')").bindAsEventListener(this),false);
	Event.observe(f7,'mouseover',new Function("Event","this.sOver(event,'f7')").bindAsEventListener(this),false);
	Event.observe(f0,'mouseout' ,new Function("Event","this.sOut(event,'f0')").bindAsEventListener(this),false);
	Event.observe(f1,'mouseout' ,new Function("Event","this.sOut(event,'f1')").bindAsEventListener(this),false);
	Event.observe(f2,'mouseout' ,new Function("Event","this.sOut(event,'f2')").bindAsEventListener(this),false);
	Event.observe(f3,'mouseout' ,new Function("Event","this.sOut(event,'f3')").bindAsEventListener(this),false);
	Event.observe(f4,'mouseout' ,new Function("Event","this.sOut(event,'f4')").bindAsEventListener(this),false);
	Event.observe(f5,'mouseout' ,new Function("Event","this.sOut(event,'f5')").bindAsEventListener(this),false);
	Event.observe(f6,'mouseout' ,new Function("Event","this.sOut(event,'f6')").bindAsEventListener(this),false);
	Event.observe(f7,'mouseout' ,new Function("Event","this.sOut(event,'f7')").bindAsEventListener(this),false);
	Event.observe(f0,'click',new Function("Event","this.click('df0')").bindAsEventListener(this),false);
	Event.observe(f1,'click',new Function("Event","this.click('df1')").bindAsEventListener(this),false);
	Event.observe(f2,'click',new Function("Event","this.click('df2')").bindAsEventListener(this),false);
	Event.observe(f3,'click',new Function("Event","this.click('df3')").bindAsEventListener(this),false);
	Event.observe(f4,'click',new Function("Event","this.click('df4')").bindAsEventListener(this),false);
	Event.observe(f5,'click',new Function("Event","this.click('df5')").bindAsEventListener(this),false);
	Event.observe(f6,'click',new Function("Event","this.click('df6')").bindAsEventListener(this),false);
	Event.observe(f7,'click',new Function("Event","this.click('df7')").bindAsEventListener(this),false);

	},
mOver: function(e,id,file){
 	    $(id).src="image/icn"+file+"1.gif";
	},
mOut: function(e,id,file){
		$(id).src="image/icn"+file+"0.gif";
	},
sOver: function(e,id){
		$(id).style.backgroundColor="#cff";
	},
sOut: function(e,id){
		$(id).style.backgroundColor="#fff";
	},
click: function(id){
		arrDiv=$('dv0','dv1','dv2','dv3','dv4','df0','df1','df2','df3','df4','df5','df6','df7');
		for (i=0;i<arrDiv.length;i++)
			arrDiv[i].style.display="none";
		$(id).style.display="";
	}
}

// value
var cnt=0;
var frag=0;

function omenu(){
	LayerPoint=false;
	ListLayer=true;

	// sub menu
	m=$('m2');
	d=$('dv4');

	plusx=(document.all)?(body.offsetWidth-table.offsetWidth)/2-5:0;
	plusy=(document.all)?103:0;
	d.style.top=m.offsetTop+m.height+plusy;
	d.style.left=m.offsetLeft+plusx;

	d.onmouseout=function(){
		frag=1;
		LayerPoint=false;
		d.style.display="none";
	};
	d.onmouseover=function(){
		LayerPoint=true;
		d.style.display="";
	};
	aperlst();
}
function cmenu(){
	cnt=0;
	frag=0;
	ListLayer=false;
}
function aperlst(){ 
	cnt=(cnt>=10)?frag=1:cnt+1;
	d.style.display="";
	if (frag==1 && !LayerPoint && !ListLayer){
		cnt=0;
		frag=0;
		d.style.display="none";
	} else
		setTimeout("aperlst()");
	return false;
}
function init(){

	// menu
	arrId=$('m0','m1','m2','m3','m4','m5');
	for (i=0;i<arrId.length;i++)
		arrId[i].src="image/icnHmenu"+i+"0.gif";

	// div
	arrDiv=$('dv0','dv1','dv2','dv3','dv4','df0','df1','df2','df3','df4','df5','df6','df7');
	for (i=1;i<arrDiv.length;i++)
		arrDiv[i].style.display="none";
}
function main(){
	init();
	var objEve=new Eve;
}
Event.observe(window,'load',main,false);