// JavaScript Document
// Creat by Zhou Jun
// Date: 08-06-30
function switchHwt(n,total) //Change content in how we think
{
	for(i=1;i<=total;i++)
	{document.getElementById("plan"+i).className = "";
	 document.getElementById("hwt_text"+i).style.display = "none";
	}
	document.getElementById("plan"+n).className = "on";
	 document.getElementById("hwt_text"+n).style.display = "";
	document.getElementById("hwt_pic").src = "../images/howwethink_"+n+".gif";
}

//topmenu slide out function
var menuids=["menuleft"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
	var litags = ultags[t].getElementsByTagName("li");
	for(k=0; k<litags.length; k++)
	{
		litags[k].onmouseover=function(){
		this.className="on";
		}
		litags[k].onmouseout=function(){
		this.className="";
		}
	}
    }
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)

//edit by Fulanyan

function switchVideo(n) //change the video when click the different video picture
{
	
	var VideoData;
	var VideoValue;
	
	VideoData="../M2videos/"+n+".swf";
	
	VideoValue= "../M2videos/"+n+".swf";
	
	document.getElementById("videoplay").innerHTML='<object type="application/x-shockwave-flash" id="videoObject"  type="application/x-shockwave-flash" data="'+VideoData+'"  width="421" height="337"><param name="movie" value="'+VideoValue+'" id="videoParam" /><param name="quality" value="high" /><param name="wmode" value="opaque" /><embed wmode="opaque"></embed></object>';

	//alert(document.getElementById("videoplay").innerHTML);
	return false;
}