// JavaScript Document
///////////////////////////////////////////////////////////////////////////////////////////////
function get_el(name)
{
if(document.all) 
{
 return document.all[name];
}
if(document.getElementById)
{
return document.getElementById(name);
}

}

///////////////////////////
function get_ar_el(tag)
{
if(document.all) 
{
 return document.all.tags(tag);
}
if(document.getElementsByTagName)
{
return document.getElementsByTagName(tag);
}

}

///////////////////////////
function addevent(obj,event_reg,func)
{

if(obj.addEventListener)
{
obj.addEventListener(event_reg.substr(2,event_reg.length),func,false);
}
else if(obj.attachEvent)
{
obj.attachEvent(event_reg,func);
}
else
{
obj.event_reg=func;
}

}
////////////////////////////
function stopEvent(ev) 
{
	
	
	if (document.all) {
		ev.cancelBubble = true;
		ev.returnValue = false;
	} else {
		ev.preventDefault();
		ev.stopPropagation();
	}
}
//////////////////////////
function test(obj,objName)
{
var result = "";
for (var i in obj) 
{
result += objName + "." + i + " = ";
//if(document.all) result=result+obj[i];
result=result+ "<br>";
}

var win=window.open();
win.document.body.innerHTML=result;

}
////////////////////////////
function top(obj)
{
var client_top=0;
var y=obj.offsetParent;
while(y)
{
client_top=y.offsetTop+client_top;
y=y.offsetParent;
}	

return client_top;
}
////////////////////////////
function left(obj)
{
var client_left=0;
var y=obj.offsetParent;
while(y)
{
client_left=y.offsetLeft+client_left;
y=y.offsetParent;
}
return client_left;

}
////////////////////////////
function my_menu(id)
{
var arg=id.split("_");
this.id=arg[1];


//div_raz
var div_raz=get_el(id);
this.div_raz=div_raz;	

//div_submenu
var div_submenu=document.createElement("div");
document.body.appendChild(div_submenu);
this.div_submenu=div_submenu;
this.div_submenu.innerHTML=get_el("submenu_"+arg[1]).innerHTML;
this.div_submenu.style.position="absolute";
this.div_submenu.style.visibility="hidden";
this.div_submenu.style.zIndex="10";
this.div_submenu.style.top=top(this.div_raz)+"px";
this.div_submenu.style.left=720+"px";




///
var self=this;
addevent(this.div_raz,"onmouseover",function(e) { self.mouseover(e); return false; });
addevent(this.div_raz,"onmouseout",function(e) { self.mouseout(e); return false; });

addevent(this.div_submenu,"onmouseover",function(e) { self.mouseover_div_submenu(e); return false; });
addevent(this.div_submenu,"onmouseout",function(e) { self.mouseout_div_submenu(e); return false; });

}
/////////////////////////////
my_menu.prototype.mouseover=function (e)
{

this.div_submenu.style.visibility="visible";
this.div_raz.className='dark';
if(!e) e=window.event;
stopEvent(e);
}
/////////////////////////////
my_menu.prototype.mouseout=function (e)
{
this.div_submenu.style.visibility="hidden";

	this.div_raz.className='light0'+this.id;


if(!e) e=window.event;
stopEvent(e);
}
/////////////////////////////
my_menu.prototype.mouseover_div_submenu=function (e)
{
this.div_submenu.style.visibility="visible";
this.div_raz.className='dark';

if(!e) e=window.event;
stopEvent(e);
}
/////////////////////////////
my_menu.prototype.mouseout_div_submenu=function (e)
{

this.div_submenu.style.visibility="hidden";
if(this.id<3) {
this.div_raz.className='light02';
}
else
{
	this.div_raz.className='light0'+this.id;
}

if(!e) e=window.event;
stopEvent(e);
}
/////////////////////////////