/*
	to do ;
	1. dropdown
		-- onmouseoverでドロップダウン // done
		-- ドロップダウンしている間はhoverで表示している色を変更しない // done
		-- ドロップダウンしているdiv要素はonmouseover中には消さない // done
		-- eventdrivenになるonmouseoverが切り変わると前の表示はクローズ処理  // done
		-- それ以外の時はonmouseoutになればクローズ処理
			-- onmouseoutだとaboutとかの部分に来た時もcloseしてしまう
			-- 一定時間経つ(4000ms)と自動クローズするように指定することで暫定回避
	2. scrolling
		-- aboveリンクからのトップリターンは緩やかに行う // done
		-- idへのリンクを緩やかに降下 // undone
	3. ajax
		-- publicationsに関して検索可能にする
	4. sitemap
		-- オープンクローズを随時切り替え？
*/


/* mlab website javascript
   script by sakurai 200604 */
// this javascript is using DOM so when change this javascript, check CSS/HTML necessarily
var currentId = "";
var elm = null;
var x = 0 , h ;

function drpdwn (id){
	return ;
	// dropdown from div element
/*
	    if(!document.getElementById) return;
    if(currentId && currentId != id ) {drpclose();}

	var obj = document.getElementById(id) ;

	// drpwdn div height information
	var list = obj.getElementsByTagName("a").length;
	h = 21 * list ;

	// set display position
	var setx = event.srcElement.offsetLeft ;
	var sety = event.srcElement.offsetTop + event.srcElement.offsetHeight ;
*/
/*	if(navigator.userAgent.indexOf("MSIE") >= 0){ setx +=41 ; }*/
/*
	obj.style.left = setx + "px";
	obj.style.top = sety + "px" ;
	
	x = 10;
	obj.style.height = x + "px";
	obj.style.display = "block";

	// set hover color
	elm = event.srcElement ;
	if(id.match(/people/)){ elm.style.color = "white"; elm.style.backgroundImage = "url('../img/people_tab.png')"; }
//	if(id.match(/people/)){ elm.style.color = "white"; elm.style.background = "#884898"; }//publica
	else{ elm.style.color = "white";}
*/
/*	if(id.match(/about/)){ /*elm.style.background = "#c9171e";*/ 
/*		elm.style.backgroundImage = "url('../img/aboutus_tab.png')";
	}
	else if(id.match(/research/)){ /*elm.style.background = "#ff8800";*/ 
/*		elm.style.backgroundImage = "url('../img/research_tab.png')";
	}
	else if(id.match(/publica/)){ /*elm.style.background = "green";*/
/*		elm.style.backgroundImage = "url('../img/publica_tab.png')";
	}
	// if any other contents has some sections, add this to background color

	// currentId set
 	currentId = id ;
	// drpdwn movement ctrl
	drpdwn_move();

	// drpdwn close if time exceed //temporary method
	// 新規になった場合はこの処理中止
	//	setTimeout("drpclose("+currentId+");",3000);
*/
}

function drpdwn_move(){
	if(x < h ){
		x += 10 ;
		document.getElementById(currentId).style.height = x + "px";
		setTimeout("drpdwn_move();",10);
	}
}

function drpclose (id) {
/*
	// dropdown close if
	//   mouseover div element changed, or mouseout target div element
    if(!document.getElementById || !currentId) return;

//	if(id){ var obj= document.getElementById(id);}
	var obj = document.getElementById(currentId);
	obj.style.display = "none" ;

	// srcElement hover setting
	if(elm){
		// if highlightened, return
		var parentidname = elm.parentNode.getAttribute('id');	// parentnode id attribute e.g. "pn_xxxxx"
		var parentid_main = parentidname.substr(4,parentidname.length-2);
		var targetidname = elm.getAttribute('id');				// thisnode id attribute
		if(targetidname.match(parentid_main)) return;
		// if not highlightened
		elm.style.color = "#333333"; elm.style.background = "#f9f9f9" ;
	}
	// height setting initaillize
	x = 0 ;
*/
}

function outfocus(){
	/* 	ドロップダウンした要素からへのfocusをなくした場合、*/
	var obj = document.getElementById(currentId);
	obj.style.display = "none" ;
}

function onfocus(){
	var obj = document.getElementById(currentId);
	obj.style.display = "block" ;
}



// scroll
function scroll (id) {
	// scrolling
	// if get position, then scroll
	// get now position

	
	/*	var elem;
	if(event.srcElement) elem = event.srcElement;
	else elem = event.currentTarget;
	
	if(elem.offsetParent && !(verIE > 0 && winIE < 0)) var y = getElemTop(elem) + elem.offsetHeight;
	else var y = event.clientY + scrollTop();
	
	// target
    var obj = document.getElementById(id);
	var ny;	// 目的地のy座標
	if(!id){ ny=0; }
*/

	// temporary, if wanna scroll to id position, this script changes completely
	var y = scrollTop();
	if(y){
		var scrollsize  = Math.ceil(y*.2);
		scrollBy(0,-scrollsize);
		if (y-scrollsize) setTimeout("scroll()",20);
	}
}

// temp
function getElemTop (elem) {
	var y = elem.offsetTop;
	var pa = elem.offsetParent;
	while(pa) {
		if(pa.offsetTop) y += pa.offsetTop;
		pa = pa.offsetParent;
	}
	return y;
}

// archive cross-bouwser
function scrollTop () {
	// this function returns px of browser's lefttop
	if(window.pageYOffset) return window.pageYOffset;
	if(document.compatMode == "CSS1Compat") return document.body.parentNode.scrollTop;
	if(document.body.scrollTop) return document.body.scrollTop;
    else return 0;
}



function search (){
	// ajax search
}

function dynamicchange (){
	// using dom to control open or close
}