function UpperSubMenuPoint(x,y,width,height,text,target,submenu,z)
{
	this.id = getNewID();
	this.x = x;
	this.y = y;
	this.z = z;
	this.text = text;
	this.target = target;
	this.submenu = submenu;
	
	if (IE)
		this.width = width - (width%2);
	else	
		this.width = width;
	
	if (IE)	
		this.height = height - (height%2);
	else	
		this.height = height;
	
	this.bgcolor='#FFFFFF';
	this.bgcoloractv='#E41728';
	this.txcolor='#000000';
	this.txcoloractv='#FFFFFF';
	
	this.create = UpperSubMenuPointCreate;
	this.activate = UpperSubMenuPointActivate;
	this.deactivate = UpperSubMenuPointDeactivate;
}

function UpperSubMenuPointCreate()
{
	document.write('<div id="'+this.id+'" style="position:absolute; top:'+this.y+'px; left:'+this.x+'px; width:'+this.width+'px; height:'+this.height+'px; z-index:'+this.z+';"');
	document.write('onmouseover="menuMouseOver('+this.id+')"');
	document.write('onmouseout="menuMouseOut('+this.id+')"');
	
	//if (this.target != null)
	//	document.write('onclick="link(\''+this.target+'\')"');
	
	document.write('>');
	
	document.write('<table class="top_sub_menu" style="color:'+this.txcolor+'; background-color:'+this.bgcolor+';">');
	
	if (this.target != null)
		document.write('<tr><td align="left" valign="middle"> <a class="uppersubmenu" href="'+this.target+'">'+this.text+'</a></td>');
	else
		document.write('<tr><td align="left" valign="middle">'+this.text+'</td>');
	
	if (this.submenu != null)
		document.write('<td align="right" valign="middle">&gt;</td>');
	
	document.write('</tr></table>');
	
	
	
	if (this.submenu != null)
	{
		document.write('<div style="position:absolute;left:'+this.width+'px;top:0px;">');
			this.submenu.create();
		document.write('</div>');
		
		this.submenu.hide();
	}
	
	document.write('</div>');
}

function UpperSubMenuPointActivate()
{
	var node = document.getElementById(this.id).firstChild;
	node.style.color=this.txcoloractv;
	node.style.backgroundColor=this.bgcoloractv;;
	
	if ( this.submenu != null)
		this.submenu.show();
}

function UpperSubMenuPointDeactivate()
{
	var node = document.getElementById(this.id).firstChild;
	node.style.color=this.txcolor;
	node.style.backgroundColor=this.bgcolor;
	
	if ( this.submenu != null)
		this.submenu.hide();
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7

function UpperSubMenu(y,width,z)
{
	this.id = getNewID();
	this.width = width;
	this.z = z;
	
	if (IE)
		this.height = 5;
	else
		this.height = 3;
	
	
	this.y=y;
	this.x=0;
	
	this.curr_x = 1;
	this.curr_y = 1;
	
	this.points = new Array();
	
	this.create = UpperSubMenuCreate;
	this.addPoint = UpperSubMenuAddPoint;
	this.hide = UpperSubMenuHide;
	this.show = UpperSubMenuShow;
}

function UpperSubMenuCreate()
{
	var offset;
	if (IE)
		offset = 3;
	else
		offset = 2;
		
	document.write('<div id="'+this.id+'"class="top_sub_menu" style="position:absolute; top:'+this.y+'px; left:'+this.x+'px; width:'+this.width+'px; height:'+this.height+'px; z-index:'+this.z+';">');	
	for ( var i in this.points )
	{
		this.points[i].create();
	}
	
	document.write('</div>');
}

function UpperSubMenuAddPoint(height,text,target,submenu)
{
	var offset;
	if (IE)
		offset = 3;
	else
		offset = 2;
	
	var p = new UpperSubMenuPoint(this.curr_x,this.curr_y,this.width-offset,height,text,target,submenu,this.z+1);
	
	this.points.push( p );
	
	this.curr_y = this.curr_y + height;
	this.height = this.height + height;
	
	return p;
}

function UpperSubMenuHide()
{
	document.getElementById(this.id).style.visibility='hidden';
}

function UpperSubMenuShow()
{
	document.getElementById(this.id).style.visibility='visible';	
}