function UpperMenuPoint(x,y,width,height,imgstd,imgactv,text,target,subwidth)
{
	this.id = getNewID();
	this.x = x;
	this.y = y;
	this.width = width;
	this.height = height;
	this.text= text;
	this.submenu = null;
	
	if (subwidth == null)
		this.subwidth = this.width;
	else
		this.subwidth = subwidth;
	
	this.imgstd = new Image();
	this.imgstd.src = PICPATH+imgstd;
	this.imgactv = new Image();
	this.imgactv.src = PICPATH+imgactv;
	
	this.status = false; // true wenn gedrueckt
	this.target = target; // falls aktion beim klicken
	
	// Methoden
	this.create = UpperMenuPointCreate;
	this.activate = UpperMenuPointActivate;
	this.deactivate = UpperMenuPointDeactivate;
	
	this.addPoint = UpperMenuPointAddPoint;
}

function UpperMenuPointCreate()
{
	document.write('<div id="'+this.id+'" style="position:absolute; z-index:1000; top:'+this.y+'px; left:'+this.x+'px; width:'+this.width+'px; height:'+this.height+'px;"');	
	document.write('onmouseover="menuMouseOver('+this.id+')"');
	document.write('onmouseout="menuMouseOut('+this.id+')"');
	
	if (this.target != null)
		document.write('onclick="link(\''+this.target+'\')"');
		
	document.write('>');
	
		if(this.status)
			document.write('<img src="'+this.imgactv.src+'" width="'+this.width+'px" height="'+this.height+'px"/>');
		else
			document.write('<img src="'+this.imgstd.src+'" width="'+this.width+'px" height="'+this.height+'px"/>');
		
		document.write('<div style="position:absolute; top:0px; left:0px; width:'+this.width+'px; height:'+this.height+'px;">');
		
		if(this.status)
			document.write('<table class="top_menu" style="font-weight: 600;" ><tr><td align="center" valign="middle">'+this.text+'</td></tr></table>');	
		else
			document.write('<table class="top_menu" style="font-weight: 200;" ><tr><td align="center" valign="middle">'+this.text+'</td></tr></table>');
		
		document.write('</div>');	
		
		if (this.submenu!=null)
		{
			this.submenu.create();
			this.submenu.hide();
		}
		
		document.write('</div>');
}

function UpperMenuPointActivate()
{
	var node = document.getElementById(this.id);
	
	node.firstChild.src = this.imgactv.src;
	node.childNodes[1].firstChild.style.fontWeight = 600;
	
	if (this.submenu!=null)
		this.submenu.show();
}

function UpperMenuPointDeactivate()
{
	if( !this.status )
	{
		var node = document.getElementById(this.id);
		
		node.firstChild.src = this.imgstd.src;
		node.childNodes[1].firstChild.style.fontWeight = 200;
	}	
	
	if (this.submenu!=null)
		this.submenu.hide();
}

function UpperMenuPointAddPoint(height,text,target,submenu)
{
	if (this.submenu==null)
		this.submenu = new UpperSubMenu(this.height,this.subwidth,1);
	
	return this.submenu.addPoint(height,text,target,submenu);
}

