//start of data
td_1 = "Home"
td_1_1="Freeing the Mind"
url_1_1="../index.html"
td_1_2="Site Map"
url_1_2="../Contents.htm"
td_1_3="Tools for Transformation"
url_1_3="../../index.html"
td_2 = "Computer Main"
url_2="../computerContents.htm"
td_3 = "Products"
td_3_1 = "Product Page"
url_3_1 = "../products.htm"
td_3_2 = "Books & Software"
url_3_2 = "../JavaScript/recommended_books_and_software.htm"
td_3_3 = "Articles-Computers & Internet"
url_3_3 = "http://www.trans4mind.com/explore/computers-internet/index.html"
td_3_4 = "Articles-Online Business"
url_3_4 = "http://www.trans4mind.com/explore/online-business/index.html"
td_3_5 = "Articles-Site Promotion"
url_3_5 = "http://www.trans4mind.com/explore/site-promotion/index.html"
td_3_6 = "Articles-Web Development"
url_3_6 = "http://www.trans4mind.com/explore/web-development/index.html"
td_4 = "Tutorials"
td_4_1 = "JavaScript"
td_4_2 = "JavaScript 2"
url_4_1 = "../JavaScript/index.html"
url_4_2 = "index.html"
td_4_3 = "HTML"
url_4_3='../HTMLGuide/index.html'
td_4_4 = "CSS - Style Sheets"
url_4_4 = "../StyleSheets/index.html"
td_4_5="PHP Tutorial"
url_4_5="../phpTutorial/index.html"
td_5 = "Completely Free"
td_5_1="Zipper -Unzip Files"
url_5_1="../zipper/index.html"
td_5_2="Makeup -Compress Images"
url_5_2="../convertImage/index.html"
td_5_3="Mind Master (pdf)"
url_5_3="../mindMastery/index.html"
td_5_4="JavaScript and HTML Tutorials"
url_5_4="../JavaScript/index.html"
td_6="Mailing List"
td_6_1="1stJavaScript"
url_6_1="http://groups.yahoo.com/group/1stJavaScript"



//end of data
var verticalMenu=false;	// true - the main menu runs vertically, false - horizontally
//	After change, modify same values in 1dynamicMenu.css file:
var tdColor="#800040";		// menu item text color
var tdBgColor="#C0C0C0";	// menu item background color
var hlColor="#000000";		// highlight text color
var hlBgColor="#FFFFBB";	// highlight background color
var myDelay=250;
var myTimeOutID=-1;
var myMenuData=new Object;
myMenuData=null;
function makeMenu(myTableDataItem){
	clearTimeout(myTimeOutID);
	myTableDataItem.style.backgroundColor=hlBgColor;
	myTableDataItem.style.color=hlColor;
	var i;
	var sMenuItem="";
	var tableDataArray=new Array();
	tableDataArray=myTableDataItem.id.split("_");
	if(myMenuData!=null){
		var menuItemsArray=new Array();
		menuItemsArray=myMenuData.id.split("_");
		for(i=1;i<menuItemsArray.length;i++){
			sMenuItem+="_"+menuItemsArray[i];
			if(menuItemsArray[i]!=tableDataArray[i]){
				document.getElementById("td"+sMenuItem).style.backgroundColor=tdBgColor;
				document.getElementById("td"+sMenuItem).style.color=tdColor;
				if(document.getElementById("tbl"+sMenuItem)!=null)
					document.getElementById("tbl"+sMenuItem).style.visibility="hidden";
			}
		}			
	}
	myMenuData=myTableDataItem;
	sMenuItem="tbl";
	for(i=1;i<tableDataArray.length;i++)
		sMenuItem+="_"+tableDataArray[i];
	if(document.getElementById(sMenuItem)!=null)
		document.getElementById(sMenuItem).style.visibility="visible";

}
function clearMenu(){
	if(myMenuData!=null){
		var menuItemsArray=new Array();
		menuItemsArray=myMenuData.id.split("_");
		var sMenuItem="";
		for(var i=1;i<menuItemsArray.length;i++){
			sMenuItem+="_"+menuItemsArray[i];
			document.getElementById("td"+sMenuItem).style.backgroundColor=tdBgColor;
			document.getElementById("td"+sMenuItem).style.color=tdColor;
			if(document.getElementById("tbl"+sMenuItem)!=null)
				document.getElementById("tbl"+sMenuItem).style.visibility="hidden";
		}
		myMenuData=null;			
	}
}
//go to page
function menuGo(theURL){
	location.href=theURL;
}

var tableArrayBuildItem="";
var sMenuItem="";
var myArray=new Array();
var tableArray=new Array();
function getItemPos(st){
	tableArray=st.split("_");
	if(tableArray.length>2){
		tableArray=tableArray.slice(0,-1);
		tableArrayBuildItem=tableArray.join("_");
		return (document.getElementById("tbl"+tableArrayBuildItem).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
			(document.getElementById("tbl"+tableArrayBuildItem).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px'>";
	}
	var p1=verticalMenu?document.getElementById("td"+st).offsetTop+4:document.getElementById("td"+st).offsetHeight-2;
	var p2=verticalMenu?document.getElementById("mainmenu").offsetWidth-4:document.getElementById("td"+st).offsetLeft+5;
	return (document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getElementById("mainmenu").offsetLeft+p2)+"px'>";
}

if(document.getElementById){
var a1=verticalMenu?"":"<tr>";
var a2=verticalMenu?"":"</tr>";
var b1=verticalMenu?"<tr>":"";
var b2=verticalMenu?"</tr>":"";
var b3=verticalMenu?" style='float:left'>":">";
var sTableCode="<table class='menu' id='mainmenu' cellspacing='0'"+b3+a1;
var k=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!='undefined'")){
	sTableCode+=b1+"<td id='td_"+j+"' onmouseover='makeMenu(this)' onmouseout=\"myTimeOutID=setTimeout('clearMenu()',myDelay)\"";
	sTableCode+=(eval("typeof(url_"+j+")!='undefined'"))?" onclick=\"menuGo('"+eval("url_"+j)+"')\">":">";
	sTableCode+=eval("td_"+j)+"</td>"+b2;
	if (eval("typeof(td_"+j+"_1)!='undefined'"))
		myArray[k++]="_"+j;
}
sTableCode+=a2+"</table>";
document.write(sTableCode);
for(var q=0;typeof(myArray[q])!="undefined";q++){
	sMenuItem=myArray[q];
	sTableCode="";
	j=0;
	sTableCode+="<table class='menu' id='tbl"+sMenuItem+"' cellspacing='0' style='top:"+getItemPos(sMenuItem);
	while(eval("typeof(td"+sMenuItem+"_"+ ++j +")!='undefined'")){
		sTableCode+="<tr><td id='td"+sMenuItem+"_"+j+"' onmouseover='makeMenu(this)' onmouseout=\"myTimeOutID=setTimeout('clearMenu()',myDelay)\"";
		sTableCode+=(eval("typeof(url"+sMenuItem+"_"+j+")!='undefined'"))?" onclick=\"menuGo('"+eval("url"+sMenuItem+"_"+j)+"')\">":">";
		sTableCode+=eval("td"+sMenuItem+"_"+j)+"</td></tr>";
		if (eval("typeof(td"+sMenuItem+"_"+j+"_1)!='undefined'"))
			myArray[k++]=sMenuItem+"_"+j;
	}
	sTableCode+="</table>";
	document.write(sTableCode);
}
document.getElementById("mainmenu").style.visibility="visible";
}
else document.write("<p>This code does not work in your browser because it isn't IE5 or Nav6 or better.</p>");