var offset = 0;

var numEle = 10;

var eleAry = new blankArray(numEle);

eleAry[0] = 'tableCalendar';
eleAry[1] = 'div_banner';
eleAry[2] = 'iframe_banner';
eleAry[3] = 'iframe_main';
eleAry[4] = 'img_china';
eleAry[5] = 'img_germany';
eleAry[6] = 'img_title';
eleAry[7] = 'ul_menu';
eleAry[8] = 'table_info';eleAry[9] = 'divMarquee';

var leftAry;
var browser_id;
var div = null;
var tableCalendarTop = 0;

function show(td){
	p = getOffset(td);

	div = td.getElementsByTagName('div')[0];
	if(div == null) return;

	div.style.display = 'block';
	div.style.visibility = 'visible';
	
	if(p.y + 20 + div.offsetHeight + tableCalendarTop > document.documentElement.clientHeight){
		p.y = p.y - div.offsetHeight;
	}
	div.style.top = (p.y + 20) + 'px';
	div.style.left = (p.x - div.offsetWidth + 20) + 'px';
}

function getOffset(ele){
	var p = {
		x:0,
		y:0
	};
	for(;ele != null;ele=ele.offsetParent){
		p.x += ele.offsetLeft;
		p.y += ele.offsetTop;
		if((browser_id > 2) && ele.id != 'tableCalendar') break;
	}
	return p;
}

function hide(){
	if(div != null){
		div.style.display = 'none';
		div.style.visibility = 'hidden';
	}
}

function blankArray(n) {
	for (var i=0; i < n; i++) this[i] = null;	this.length = n;}

function body_load(){	leftAry = new blankArray(numEle);
	for(i=0;i<numEle;i++){		leftAry[i] = parseInt(document.getElementById(eleAry[i]).style.left);	}
	adjust();
	browser_id = browser_type();	if(browser_id == 4 || browser_id == 0 || browser_id == 3)sfHover();	if(browser_id > 2) tableCalendarTop = 422;}

function adjust(){	if(document.documentElement.clientWidth > 1050) offset=Math.floor(document.documentElement.clientWidth/2 -500);	else offset = 0;
	for(i=0;i<numEle;i++){		document.getElementById(eleAry[i]).style.left = (offset + leftAry[i]) + 'px';	}
	offset = (document.documentElement.clientHeight != 0) ? document.documentElement.clientHeight : document.body.clientHeight;	offset = (offset < 480) ? 0 : ((offset > 1200) ? 720 : (offset - 480));	document.getElementById('iframe_main').style.height = (offset + 358) + 'px';}

sfHover = function() {	var sfEls = document.getElementById("ul_menu").getElementsByTagName("li");	for (var i=0; i<sfEls.length; ++i) {		sfEls[i].onmouseover=function() {			this.className+=" sfhover";		}
		sfEls[i].onmouseout=function() {			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");		}	}}

function browser_type(){

	var browserName = navigator.appName;
	var browserVer = parseInt ( navigator.appVersion );

	if ( browserName == "Netscape" && browserVer >= 4 ) return 1;

	else if ( browserName == "Netscape" && browserVer < 4 ) return 2;

	else if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) return 3;

	else if ( browserName == "Microsoft Internet Explorer" && browserVer <4 ) return 4;

	else if ( browserName == "Opera") return 5;

	else if ( browserName != "Microsoft Internet Explorer" && browserName != "Netscape" && browserName != "Opera") return 0;

}