var menuItemColor="#92adbe";

var textStyle="text-decoration: none; FONT-SIZE: 13px; COLOR: #ffffff;  font-weight : 900; font-style: normal;";
var beforeText="&nbsp\;&nbsp\;&nbsp\;";
var afterText="&nbsp\;&nbsp\;&nbsp\;";

var menuItemTextColor="#ffffff";
var menuItemSelectedTextColor="#113377";
var menuItemSelectedColor="#a2bdce";
var menuItemMarkSelectedColor="#a2bdce";
var menuItemMarkColor="#92adbe";

var menuBorderColor="#92adbe";
var subMenuBorderColor="#ffffef";
var menuBorderWidth="1";

var menuBevelColor="#dd3333";
var menuBevelWidth="0";
var cellPadding="0";

document.write('<img src="" border=0 style="top:0; height: 105px; width=200px; visibility: hidden;">');
document.write(
'<table onmouseover="overTable(1)" width=500 height=27px bgcolor="'+menuBorderColor+'"  id="tableMainMenu"  cellpadding="'+cellPadding+'" cellspacing="'+menuBorderWidth+'" border="'+menuBevelWidth+'" style="font-family:Arial; Z-INDEX: 1; position: absolute; LEFT: 1px; TOP: 77px; border-color: '+menuBevelColor+'">'+
	'<tr><td id=td1 onmouseover="overObj(this,2)" onmouseout="out(this,2)" bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a2" STYLE="'+textStyle+'" href="javascript:none()"  onmouseover="over(2)">'+beforeText+'Technologies'+afterText+'</a></td>'+
	
	'<td  id=td2 onmouseover="overObj(this,3)" onmouseout="out(this,3)" bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a3" STYLE="'+textStyle+'" href="javascript:none()" onmouseover="over(3)">'+beforeText+'Examples'+afterText+'</a></td>'+
	
	'<td  id=td3 onmouseover="overObj(this,4)" onclick="openHtml(\'Presentation/Present.htm\');" onmouseout="out(this,4)" bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a4" STYLE="'+textStyle+'" href="\\Presentation\\Present.htm" onmouseover="over(4)">'+beforeText+'Presentations'+afterText+'</a></td>'+

	'<td  id=td4 onmouseover="overObj(this,5)" onclick="openHtml(\'BI2M/BI2M.htm\');" onmouseout="out(this,5)"   bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a5" STYLE="'+textStyle+'"     href="\\BI2M\\BI2M.htm" onmouseover="over(5)">'+beforeText+'Product'+afterText+'</a></td>'+
		
	'<td  id=td10 onmouseover="overObj(this,11)" onclick="openHtml(\'Solution/Solution.htm\');" onmouseout="out(this,11)"   bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a11" STYLE="'+textStyle+'"     href="\\Solution\\Solution.htm" onmouseover="over(11)">'+beforeText+'Solution'+afterText+'</a></td>'+

	'<td  id=td8 onmouseover="overObj(this,9)" onclick="openHtml(\'Partners/Partners.htm\');" onmouseout="out(this,9)"   bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a9" STYLE="'+textStyle+'"     href="\\Partners\\Partners.htm" onmouseover="over(9)">'+beforeText+'Partners'+afterText+'</a></td>'+		

	'<td  id=td5 onmouseover="overObj(this,6)" onclick="openHtml(\'FAQ/FAQ.htm\');"  onmouseout="out(this,6)"  bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a6" STYLE="'+textStyle+'" href="\\FAQ\\FAQ.htm" onmouseover="over(6)">'+beforeText+'FAQ'+afterText+'</a></td>'+

	'<td  id=td6 onmouseover="overObj(this,7)" onclick="openHtml(\'Download_/Download.asp\');"  onmouseout="out(this,7)"  bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a7" STYLE="'+textStyle+'" href="\\Download_\\Download.asp" onmouseover="over(7)">'+beforeText+'Download'+afterText+'</a></td>'+

	'<td  id=td7 onmouseover="overObj(this,8)" onclick="openHtml(\'Links/Links.htm\');"  onmouseout="out(this,8)"  bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a8" STYLE="'+textStyle+'" href="\\Links\\Links.htm" onmouseover="over(8)">'+beforeText+'Links'+afterText+'</a></td>'+
	
	'<td  id=td9 onmouseover="overObj(this,10)" onclick="openHtml(\'Contact/Contact.htm\');"  onmouseout="out(this,10)"  bgcolor="'+menuItemColor+'" align=center>'+
		'<a id="a10" STYLE="'+textStyle+'" href="\\Contact\\Contact.htm" onmouseover="over(10)">'+beforeText+'Contact'+afterText+'</a></td>'+
'</tr>'+'</table>');

document.write(
'<table width=100 onmouseover="overTable(20)"   bgcolor="'+subMenuBorderColor+'" id="tableTech" style="font-family:Arial; Z-INDEX:  1; LEFT: 1px; VISIBILITY: hidden; POSITION: absolute; TOP: '+(bottomFromId("tableMainMenu"))+'px; border-color: '+menuBevelColor+'" cellpadding="'+cellPadding+'" cellspacing="'+menuBorderWidth+'" border="'+menuBevelWidth+'">'+
	'<tr><td nowrap  height=25px  onmouseover="overObj(this,21)" onclick="openHtml(\'OLAP/OLAP.htm\');" onmouseout="out(this,21)" bgcolor="'+menuItemColor+'" align=left >'+
		'<a id="a21" STYLE="'+textStyle+'"     href="\\OLAP\\OLAP.htm"  onmouseover="over(21)">'+beforeText+'OLAP'+afterText+'</a></td></tr>'+
	
	'<tr><td  nowrap  height=25px  onmouseover="overObj(this,22)" onclick="openHtml(\'DataMining/DataMining.htm\');" onmouseout="out(this,22)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a22" STYLE="'+textStyle+'"     href="\\DataMining\\DataMining.htm" onmouseover="over(22)">'+beforeText+'Data Mining'+afterText+'</a></td></tr>'+
	
	'<tr><td  nowrap  height=25px  onmouseover="overObj(this,23)" onclick="openHtml(\'Clustering/Clustering.htm\');" onmouseout="out(this,23)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a23" STYLE="'+textStyle+'"     href="\\Clustering\\Clustering.htm" onmouseover="over(23)">'+beforeText+'Clustering'+afterText+'</a></td></tr>'+
	
	'<tr><td  nowrap  height=25px  onmouseover="overObj(this,24)" onclick="openHtml(\'DecisionTrees/DecisionTrees.htm\');" onmouseout="out(this,24)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a24" STYLE="'+textStyle+'"     href="\\DecisionTrees\\DecisionTrees.htm" onmouseover="over(24)">'+beforeText+'Decision Trees'+afterText+'</a></td></tr>'+
'</table>');

document.write(
'<table width=100 onmouseover="overTable(30)"   bgcolor="'+subMenuBorderColor+'" id="tableTutorial" style="font-family:Arial; Z-INDEX:  1; LEFT: 111px; VISIBILITY: hidden; POSITION: absolute; TOP: '+(bottomFromId("tableMainMenu"))+'px; border-color: '+menuBevelColor+'" cellpadding="'+cellPadding+'" cellspacing="'+menuBorderWidth+'" border="'+menuBevelWidth+'">'+
	'<tr><td nowrap  height=25px  onmouseover="overObj(this,31)" onclick="openHtml(\'OLAPExample/OLAPExample.htm\');"  onmouseout="out(this,31)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a31" STYLE="'+textStyle+'"     href="\\OLAPExample\\OLAPExample.htm" onmouseover="over(31)">'+beforeText+'OLAP Example'+afterText+'</a></td></tr>'+

	'<tr><td nowrap  height=25px  onmouseover="overObj(this,32)" onclick="openHtml(\'ClusteringExample/ClusteringExample.htm\');"  onmouseout="out(this,32)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a32" STYLE="'+textStyle+'"     href="\\ClusteringExample\\ClusteringExample.htm" onmouseover="over(32)">'+beforeText+'Clustering Example'+afterText+'</a></td></tr>'+

	'<tr><td nowrap  height=25px  onmouseover="overObj(this,33)" onclick="openHtml(\'DecisionTreesExample/DecisionTreesExample.htm\');"  onmouseout="out(this,33)"  bgcolor="'+menuItemColor+'" align=left>'+
		'<a id="a33" STYLE="'+textStyle+'"	  href="\\DecisionTreesExample\\DecisionTreesExample.htm" onmouseover="over(33)">'+beforeText+'Decision Trees Example'+afterText+'</a></td></tr>'+
'</table>');

document.write('<span id=xxx style="z-index:2; bottom:20; position:absolute;"></span>');

cellId="td"+markedInd;
elementMarked =  document.getElementById( cellId );
var tdMarkedStyle = new xbStyle( elementMarked );
tdMarkedStyle.setBackgroundColor(menuItemMarkColor);

var state=0;
var selSub=0;
var steck="";
var item=0;

function none()
{
}

//============== main menu =====================
function out(obj,num)
{
	var id="a"+num;
		
	if( elementMarked==obj )
	{
		styleObj = new xbStyle( obj );
		styleObj.setBackgroundColor(menuItemMarkColor);
		ob = new xbStyle( document.getElementById( id ) );
		ob.setColor(menuItemTextColor);
	}
	else
	{		
		styleObj = new xbStyle( obj );
		styleObj.setBackgroundColor(menuItemColor);
		ob = new xbStyle( document.getElementById( id ) );
		ob.setColor(menuItemTextColor);
	}
}

// td index
function overObj(obj,num)
{	
	var id="a"+num;
	item=num;
	if( elementMarked==obj )
	{
		styleObj = new xbStyle( obj );
		styleObj.setBackgroundColor(menuItemMarkSelectedColor);
		ob = new xbStyle( document.getElementById( id ) );
		ob.setColor(menuItemSelectedTextColor);
	}
	else
	{			
		styleObj = new xbStyle( obj );
		styleObj.setBackgroundColor(menuItemSelectedColor);
		ob = new xbStyle( document.getElementById( id ) );
		ob.setColor(menuItemSelectedTextColor);
	}
	if( num==2 )
		openSubMenu('tableTech',2);
	if( num==3 )
		openSubMenu('tableTutorial',3);	
}
// table
function overTable(num)
{
	state=num;	
}

// text ind, table ind
function over(num)
{
	state=num;	
	var id="a"+num;
	ob = new xbStyle( document.getElementById( id ) );
	ob.setColor(menuItemSelectedTextColor);
}
//================ body over =====================

function bodyOver() 
{	
	if( state==0 )
		hideSub();
	if( item!=selSub && state==1 )
		hideSub();
			
	state=0;
}

//====================== end ===========================
function openHtml(url) 
{
	window.open("/"+url,"_self","",true);
}

function bottomFromId(id)
{
	var jsStyle;
	var t,l;
	
	jsStyle = new xbStyle( document.getElementById( id ) );
	t=jsStyle.getTop();
	b=t+jsStyle.getHeight();
	return b-1;
}

function  openSubMenu(id,num)
{ 		
	hideSub();
	selSub=num;
	element = document.getElementById( id );
	styleObj = new xbStyle( element );
	styleObj.setVisibility('visible');	
}


function  hideSub()
{				
	element = document.getElementById( "tableTutorial" );
	styleObj1 = new xbStyle( element );
	styleObj1.setVisibility('hidden');

	element = document.getElementById( "tableTech" );
	styleObj2 = new xbStyle( element );
	styleObj2.setVisibility('hidden');		
}