var menuStr1 = "";
var menuStr2 = "";
var menuStr3 = "";
var menuStr4 = "";
var menuStr5 = "";
var menuStr6 = "";
var menuStr7 = "";
var menuStr8 = "";
var menuStr9 = "";
var menuStr10 = "";
var menuStr11 = "";
var menuStr12 = "";
var menuStr13 = "";
var menuStr14 = "";
var menuStr15 = "";
var menuStr16 = "";
var menuStr17 = "";
var menuStr18 = "";
var menuStr19 = "";
var menuStr20 = "";
var menuStr21 = "";
var menuStr22 = "";
var menuStr23 = "";
var menuStr24 = "";
var menuStr25 = "";
var menuStr26 = "";
var menuStr27 = "";
var menuStr28 = "";
var menuStr29 = "";
var menuStr30 = "";


var selected_menu_index = 0;

switch (_menuStr)
{
	case "home":
		selected_menu_index = -1;
		menuStr1 = " id='current' ";
		break;
	case "quickstart":
		selected_menu_index = 1;
		menuStr2 = " id='current' ";
		break;
	case "vpl":
		selected_menu_index = 1;
		menuStr3 = " id='current' ";
		break;		
	case "spl":
		selected_menu_index = 1;
		menuStr4 = " id='current' ";
		break;
	case "robotics":
		selected_menu_index = 1;
		menuStr5 = " id='current' ";
		break;
	case "science":
		selected_menu_index = 3;
		menuStr6 = " id='current' ";
		break;
	case "creativity":
		selected_menu_index = 2;
		menuStr7 = " id='current' ";
		break;
	case "ai":
		selected_menu_index = 1;
		menuStr8 = " id='current' ";
		break;
	case "robots":
		selected_menu_index = 6;
		menuStr9 = " id='current' ";
		break;
	case "developer":
		selected_menu_index = 1;
		menuStr10 = " id='current' ";
		break;
	case "download":
		selected_menu_index = 5;
		menuStr11 = " id='current' ";
		break;
	case "resources":
		selected_menu_index = 7;
		menuStr12 = " id='current' ";
		break;
	case "faq":
		selected_menu_index = 0;
		menuStr13 = " id='current' ";
		break;
	case "stereoscopic":
		selected_menu_index = 2;
		menuStr14 = " id='current' ";
		break;
	case "hwcomm":
		selected_menu_index = 1;
		menuStr15 = " id='current' ";
		break;
	case "python":
		selected_menu_index = 1;
		menuStr16 = " id='current' ";
		break;
	case "mesh":
		selected_menu_index = 12;
		menuStr17 = " id='current' ";
		break;
	case "mf_quickstart":
		selected_menu_index = 4;
		menuStr18 = " id='current' ";
		break;
	case "mf_spl":
		selected_menu_index = 4;
		menuStr19 = " id='current' ";
		break;
	case "mf_hw":
		selected_menu_index = 6;
		menuStr20 = " id='current' ";
		break;
	case "source":
		selected_menu_index = 8;
		menuStr21 = " id='current' ";
		break;

	case "hdi":
		selected_menu_index = 8;
		break;
		
	case "project":
		selected_menu_index = 8;
		break;

	case "hero":
		selected_menu_index = 10;
		break;

	case "etc":
		selected_menu_index = 11;
		break;
		
	case "news":
		selected_menu_index = 12;
		break;

	case "creativeit":
		selected_menu_index = 0;
		break;


	default:
		break;
}

document.write("<center>");

document.write("<table border='0' cellpadding='0' cellspacing='0' width='1024'>");
document.write("<tr><td>");


/*
	document.write("<table border='0' cellpadding='0' cellspacing='0' width='1024' bgcolor='#FF9900'>");
	document.write("<tr><td height=22 width=30></td>");
	document.write("<td height=22 width=170>");

	document.write("<div style='height:18px;color:white;padding-top:4px;' align='left' class='style2'>");
	document.write("&nbsp;&nbsp;<strong>&nbsp;|&nbsp; <a href='/index.html' title='Home' style='color:white;'>HOME</a> &nbsp;|&nbsp;");
	
	document.write(" <a href='http://helloapps.codeplex.com/Thread/List.aspx' target='_blank' title='Discussion' style='color:white;'>Discussion</a> &nbsp;|&nbsp;</strong></div>");
	
	document.write("</td>");
	document.write("<td width=824>");
	document.write("<div style='height:18px;color:white;padding-top:4px;' align='right' class='style2'>");
	document.write("<strong>|&nbsp;");

	
    document.write(" <a href='/News/' title='News' style='color:white;'> News</a> &nbsp;|&nbsp;"); 
    
    document.write(" <a href='/MF/HW/' title='Embedded H/W' style='color:white;'> Embedded H/W</a> &nbsp;|&nbsp;");
    

    document.write(" <a href='/Stereoscopic/' title='Stereoscopic' style='color:white;'> Stereoscopic</a> &nbsp;|&nbsp;");     
    
    document.write(" <a href='/Python/' title='Python' style='color:white;'> Python Robotics</a> &nbsp;|&nbsp;"); 
    
    document.write(" <a href='/HWComm/' title='H/W Comm' style='color:white;'> H/W Comm</a> &nbsp;|&nbsp;");     
    
    document.write(" <a href='/Resources/' title='Resources' style='color:white;'> MSRDS Resources</a> &nbsp;|&nbsp;"); 
    
    
    document.write(" <a href='/Robots/' title='Robots' style='color:white;'> Programmable Robots</a> &nbsp;|&nbsp;");
    
    document.write(" <a href='/Mesh/' title='MeshCreator' style='color:white;'> MeshCreator</a> &nbsp;|&nbsp;"); 
    
	document.write("&nbsp;&nbsp;&nbsp;&nbsp;</div>");	

	document.write("</td></tr>");
	document.write("</table>");

*/

/*
document.write("<div id='modernbricksmenu2'>");
document.write("<ul>");


document.write("<li style='margin-left: 1px' " + menuStr11 + " ><a href='/Download/' title='download'>Download</a></li>");

if (menuStr2 != "")
	document.write("<li " + menuStr2 + " ><a href='/QuickStart/' title='>MSRDS Quick Start'>MSRDS Quick Start</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/QuickStart/' title='>MSRDS Quick Start'>MSRDS Quick Start</a></li>");


if (menuStr4 != "")
	document.write("<li " + menuStr4 + " ><a href='/SPL/' title='MSRDS Tutorials'>MSRDS Tutorials</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/SPL/' title='MSRDS Tutorials'>MSRDS Tutorials</a></li>");


if (menuStr5 != "")
	document.write("<li " + menuStr5 + " ><a href='/Robotics/' title='Robotics'>Robotics</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/Robotics/' title='Robotics'>Robotics</a></li>");


if (menuStr3 != "")
	document.write("<li " + menuStr3 + " ><a href='/VPL/' title='VPL'>VPL</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/VPL/' title='VPL'>VPL</a></li>");


if (menuStr7 != "")
	document.write("<li " + menuStr7 + " ><a href='/Creativity/' title='Creativity Course'>Creativity</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/Creativity/' title='Creativity Course'>Creativity</a></li>");


if (menuStr10 != "")
	document.write("<li " + menuStr10 + " ><a href='/Developer/' title='Developer'>Dev.</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/Developer/' title='Developer'>Dev.</a></li>");



document.write("<li " + menuStr18 + " ><a href='/MF/QuickStart/' title='.NET MF Quick Start'>.NET MF Quick Start</a></li>");

document.write("<li " + menuStr19 + " ><a href='/MF/SPL/' title='.NET MF Tutorials'>.NET MF Tutorials</a></li>");

if (menuStr21 != "")
	document.write("<li " + menuStr21 + " ><a href='/SourceCode/' title='Open Source Project'>Open Source</a></li>");
else
	document.write("<li id='modernbricksmenu3' ><a href='/SourceCode/' title='Open Source Project'>Open Source</a></li>");


document.write("</ul>");
document.write("<br style='clear: left' />");

document.write("</div>");

*/








var tabdropdown={
	disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
	disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
	enableiframeshim: 1, //1 or 0, for true or false

	//No need to edit beyond here////////////////////////
	dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
	currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)

	getposOffset:function(what, offsettype){
		var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
		var parentEl=what.offsetParent;
			while (parentEl!=null){
				totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
				parentEl=parentEl.offsetParent;
			}
		return totaloffset;
	},

	showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
		if (this.ie || this.firefox)
			this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
		if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
			if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
				obj2.parentNode.className="selected"
			obj.visibility="visible"
			}
		else if (e.type=="click")
			obj.visibility="hidden"
	},

	iecompattest:function(){
		return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	},

	clearbrowseredge:function(obj, whichedge){
		var edgeoffset=0
		if (whichedge=="rightedge"){
			var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
			this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
		if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
			edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
		}
		else{
			var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
			var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
			this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
			if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
				edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
				if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
					edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
			}
			this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
		}
		return edgeoffset
	},

	dropit:function(obj, e, dropmenuID){
		if (this.dropmenuobj!=null){ //hide previous menu
			this.dropmenuobj.style.visibility="hidden" //hide menu
			if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
				if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
					this.previousmenuitem.parentNode.className=""
			}
		}
		this.clearhidemenu()
		if (this.ie||this.firefox){
			obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
			obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
			this.dropmenuobj=document.getElementById(dropmenuID)
			this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
			this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
			this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
			this.showhide(this.dropmenuobj.style, e, obj)
			this.dropmenuobj.x=this.getposOffset(obj, "left")
			this.dropmenuobj.y=this.getposOffset(obj, "top")
			this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
			this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
			this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
			this.positionshim() //call iframe shim function
		}
	},

	contains_firefox:function(a, b) {
		while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;
		return false;
	},

	dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
		var evtobj=window.event? window.event : e
		if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
			this.delayhidemenu(obj2)
		else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
			this.delayhidemenu(obj2)
	},

	delayhidemenu:function(obj2){
		this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
	},

	clearhidemenu:function(){
		if (this.delayhide!="undefined")
			clearTimeout(this.delayhide)
	},

	positionshim:function(){ //display iframe shim function
		if (this.enableiframeshim && typeof this.shimobject!="undefined"){
			if (this.dropmenuobj.style.visibility=="visible"){
				this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
				this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
				this.shimobject.style.left=this.dropmenuobj.style.left
				this.shimobject.style.top=this.dropmenuobj.style.top
			}
		this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
		}
	},

	hideshim:function(){
		if (this.enableiframeshim && typeof this.shimobject!="undefined")
			this.shimobject.style.display='none'
	},

isSelected:function(menuurl){
	var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
	return (tabdropdown.currentpageurl==menuurl)
},

	init:function(menuid, dselected){
		this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
		var menuitems=document.getElementById(menuid).getElementsByTagName("a")
		for (var i=0; i<menuitems.length; i++){
			if (menuitems[i].getAttribute("rel")){
				var relvalue=menuitems[i].getAttribute("rel")
				document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
				menuitems[i].onmouseover=function(e){
					var event=typeof e!="undefined"? e : window.event
					tabdropdown.dropit(this, event, this.getAttribute("rel"))
				}
			}
			if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
				menuitems[i].parentNode.className+=" selected default"
				var setalready=true
			}
			else if (parseInt(dselected)==i)
				menuitems[i].parentNode.className+=" selected default"
		}
	}

}



//document.write('<div class="ddcolortabsline">&nbsp;<br>&nbsp;</div>');



	document.write("<table border='0' cellpadding='0' cellspacing='0' width='1024' bgcolor='#FF9900'>");
	document.write("<tr>");
	document.write("<td height=18 width=170>");

	document.write("<div style='height:16px;color:white;padding-top:2px;' align='left' class='style2'>");
	document.write("&nbsp;&nbsp;<strong>&nbsp;|&nbsp; <a href='/index.html' title='Home' style='color:white;'>HOME</a> &nbsp;|&nbsp;");
	
	document.write(" <a href='http://helloapps.codeplex.com/Thread/List.aspx' target='_blank' title='Discussion' style='color:white;'>Discussion</a> &nbsp;|&nbsp;</strong></div>");
	
	document.write("</td>");
	document.write("<td width=824>");
	document.write("<div style='height:16px;color:white;padding-top:2px;' align='right' class='style2'>");
	document.write("<strong>|&nbsp;");

	
	
	document.write(" <a href='/News/' title='News' style='color:white;'> News</a> &nbsp;|&nbsp;"); 
        
    //document.write(" <a href='/Mesh/' title='MeshCreator' style='color:white;'> MeshCreator</a> &nbsp;|&nbsp;"); 

    //document.write(" <a href='/Enterprise/' style='color:white;'> Architecture Pattern</a> &nbsp;|&nbsp;"); 

    //document.write(" <a href='/HDI/' style='color:white;'> HDI</a> &nbsp;|&nbsp;"); 
    
    //document.write(" <a href='/SPL/Overview_of_spl.html' style='color:white;'> SPL Overview</a> &nbsp;|&nbsp;");
    
    //document.write(" <a href='/SourceCode/' style='color:white;'> SPL Open Source</a> &nbsp;|&nbsp;");
    
    document.write(" <a href='/About/' style='color:white;'> About HelloApps.com</a> &nbsp;|&nbsp;");


    
	document.write("&nbsp;&nbsp;&nbsp;&nbsp;</div>");	

	document.write("</td></tr>");
	document.write("</table>");


	document.write("<table border='0' cellpadding='0' cellspacing='0' width='1024' bgcolor='#FFFFFF'>");
	document.write("<tr><td height=2></td></tr>");
	document.write("</table>");



document.write('<div id="colortab" class="ddcolortabs">');
document.write('<ul>');
//document.write('<li><a href="/"><span><font color="white">Home</font></span></a></li>');
document.write('<li><a href="/CreativeIT"><span><font color="white">Creative IT Education</font></span></a></li>');
document.write('<li><a href="/QuickStart/" rel="dropmenu_msrds"><span><font color="white">Robotics Education</font></span></a></li>');
document.write('<li><a href="/Creativity/" rel="dropmenu_creativity"><span><font color="white">Creativity Education</font></span></a></li>');
document.write('<li><a href="/Science/"><span><font color="white">Science Education</font></span></a></li>');
document.write('<li><a href="/MF/QuickStart/" rel="dropmenu_netmf"><span><font color="white">Embedded Education</font></span></a></li>');
document.write('<li><a href="/Download/"><span><font color="white">Download</font></span></a></li>');
//document.write('<li><a href="/HDM/"><span><font color="white">HUMAN DEVICE MEDIATION</font></span></a></li>');
//document.write('<li><a href="/Projects/" rel="dropmenu_project"><span><font color="white">PROJECTS</font></span></a></li>');
document.write('<li><a href="/MF/HW/" rel="dropmenu_hw"><span><font color="white">H/W</font></span></a></li>');
//document.write('<li><a href="/Robots/"><span><font color="white">ROBOTS</font></span></a></li>');
//document.write('<li><a href="/Heroes/" ><span><font color="white">HEROES</font></span></a></li>');
document.write('<li><a href="/Resources/" ><span><font color="white">ETC</font></span></a></li>');
//document.write('<li><a href="/News/" ><span><font color="white">NEWS</font></span></a></li>');
//document.write('<li><a href="/SPL/overview_of_spl.html" rel="dropmenu_spl"><span><font color="white">Projects</font></span></a></li>');
document.write('</ul>');
document.write('</div>');

//document.write('<div class="ddcolortabsline">&nbsp;</div>');


document.write('<div id="dropmenu_hw" class="dropmenudiv_a" style="width: 200px;" align="left">');
document.write('<a href="/MF/HW/"><font color="black">Embedded H/W Devices</font></a>');
document.write('<a href="/Robots/"><font color="black">Programmable Robot H/Ws</font></a>');
document.write('</div>');


document.write('<div id="dropmenu_spl" class="dropmenudiv_a" style="width: 250px;" align="left">');
document.write('<a href="/SPL/Overview_of_spl.html"><font color="black">Overview of SPL Project</font></a>');
document.write('<a href="/HDI/"><font color="black">Human Device Interaction Project</font></a>');
document.write('<a href="/Enterprise/"><font color="black">PoC Project for the Architectural Patterns</font></a>');
document.write('<a href="/SourceCode/"><font color="black">SPL Open Source Project</font></a>');
document.write('</div>');


document.write('<div id="dropmenu_project" class="dropmenudiv_a" style="width: 180px;" align="left">');
document.write('<a href="/Projects/"><font color="black">Overview of HDM Project</font></a>');
document.write('</div>');



document.write('<div id="dropmenu_msrds" class="dropmenudiv_a" style="width: 300px;" align="left">');
document.write('<a href="/QuickStart/"><font color="black">Step1: Quick Start</font></a>');
document.write('<a href="/VPL/"><font color="black">Step2: First Beginner Tutorials</font></a>');
document.write('<a href="/SPL/"><font color="black">Step3: Beginner Tutorials</font></a>');
document.write('<a href="/Robotics/"><font color="black">Step4: Advanced Robotics Tutorials</font></a>');
document.write('<a href="/AI/"><font color="black">Step5: AI Tutorials</font></a>');
document.write('<a href="/Developer/"><font color="black">Step6: Advanced Developer Tutorials</font></a>');
document.write('<a href="/Python/"><font color="black">Step7: Python Robotics</font></a>');
document.write('<a href="/HWComm/"><font color="black">Step8: H/W Robot Programming (Lego NXT)</font></a>');
document.write('<a href="/SPL/how_to_deploy.html"><font color="black">How to Deploy Files (Create SPLX Package)</font></a>');
document.write('</div>');


document.write('<div id="dropmenu_netmf" class="dropmenudiv_a" style="width: 280px;" align="left">');
document.write('<a href="/MF/QuickStart/"><font color="black">Step1: Quick Start</font></a>');
document.write('<a href="/MF/SPL/"><font color="black">Step2: Embedded Robot Programming Tutorials</font></a>');
document.write('</div>');


document.write('<div id="dropmenu_creativity" class="dropmenudiv_a" style="width: 200px;" align="left">');
document.write('<a href="/Creativity"><font color="black">Creativity Course</font></a>');
document.write('<a href="/Stereoscopic/"><font color="black">Stereoscopic Course</font></a>');
document.write('</div>');


tabdropdown.init("colortab", selected_menu_index)


document.write("<br>");
document.write("</td></tr>");
document.write("</table>");
document.write("</center>");