function CreateMSNContainer() {
var img_path = "http://www.ltw-tech.com/msn_web/images/";
var obj_this = document.createElement('div');
obj_this.id = "msn_container";
obj_this.style.position = "absolute";
//obj_this.style.backgroundColor = "#C7D8F2";
obj_this.style.padding = "0px";
obj_this.style.left = "0px";
obj_this.style.top = "0px";
obj_this.style.width = "150px";
obj_this.style.height = "156px";
obj_this.style.border = "0px solid #000066";
obj_this.style.overflow = "hidden";
obj_this.style.visibility = "visible";
var show_str = "";
show_str += " \n";
show_str += " \n";
show_str += " ![](" + img_path + "space.gif) | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " Need Help? | \n";
show_str += " ![](" + img_path + "icon_right2.gif) | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += "
\n";
show_str += "
\n";
show_str += " \n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
// list start
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += "  | \n";
show_str += " North America | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += "  | \n";
show_str += " Europe | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += "  | \n";
show_str += " Asia / Rest of the World | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += "  | \n";
show_str += " Mainland China ![](" + img_path + "ch_mainland.gif) | \n";
show_str += " | \n";
show_str += "
\n";
// list end
show_str += " \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += " | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += "
\n";
show_str += "
\n";
obj_this.innerHTML = show_str;
document.body.appendChild(obj_this);
var obj_this = document.createElement('div');
obj_this.id = "msn_min";
obj_this.style.position = "absolute";
//obj_this.style.backgroundColor = "#C7D8F2";
obj_this.style.padding = "0px";
obj_this.style.left = "0px";
obj_this.style.top = "0px";
obj_this.style.width = "150px";
obj_this.style.height = "100px";
obj_this.style.border = "0px solid #000066";
obj_this.style.overflow = "hidden";
obj_this.style.visibility = "hidden";
var show_str = "";
show_str += " \n";
show_str += " \n";
show_str += " ![](" + img_path + "icon_talking.gif) | \n";
show_str += "
\n";
show_str += " \n";
show_str += " | \n";
show_str += " LTW | \n";
show_str += "
\n";
show_str += "
\n";
obj_this.innerHTML = show_str;
document.body.appendChild(obj_this);
}
CreateMSNContainer();
var fad_style = document.getElementById('msn_container').style;
var adWidth = 150;//廣告寬度
var nowX = 0;//目前位置(left)
var nowY = 600;//目前位置(top)
function msn_show() {
//alert('msn_show');
fad_style = document.getElementById('msn_container').style;
adWidth = 150;//廣告寬度
document.getElementById('msn_container').style.visibility='visible';
document.getElementById('msn_min').style.visibility='hidden';
//alert("document.body.clientHeight: " + document.body.clientHeight);
//alert("document.body.scrollTop: " + document.body.scrollTop);
//document.getElementById('msn_container').style.top = "300px";
//document.getElementById('msn_container').style.left = "300px";
}
function msn_hide() {
//alert('msn_hide');
fad_style = document.getElementById('msn_min').style;
adWidth = 33;//廣告寬度
document.getElementById('msn_container').style.visibility='hidden';
document.getElementById('msn_min').style.visibility='visible';
}
function getScrollXY() {
var scrOfX = 0, scrOfY = 0;
if( typeof( window.pageYOffset ) == 'number' ) {
//Netscape compliant
scrOfY = window.pageYOffset;
scrOfX = window.pageXOffset;
} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
//DOM compliant
scrOfY = document.body.scrollTop;
scrOfX = document.body.scrollLeft;
} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
//IE6 standards compliant mode
scrOfY = document.documentElement.scrollTop;
scrOfX = document.documentElement.scrollLeft;
}
return [ scrOfX, scrOfY ];
}
function fadIni() {
innerWidth = document.body.clientWidth;
posX = innerWidth - adWidth;
posY = 8;
}
function fadRefresh() {
fadIni();
ScrollXY = getScrollXY();
offsetX = posX + parseInt(ScrollXY[0]) - nowX;
offsetY = posY + parseInt(ScrollXY[1]) - nowY;
nowX += offsetX / 5;
nowY += offsetY / 5;
fad_style.left = nowX + "px";
fad_style.top = nowY + "px";
floatID = setTimeout('fadRefresh()', 20 );//Refresh時間
}
function fadStart() {
fadIni();
window.onresize=fadIni;
fadRefresh();
}
fadStart();