var PageUrl = window.location + "";

document.write("<style type=text/css>");
document.write("#master {LEFT: -150px; POSITION: absolute; TOP: 20px; VISIBILITY: visible; WIDTH: 185px; Z-INDEX: 2}");
document.write("#menu {LEFT: 150px; POSITION: absolute; TOP: 36px; VISIBILITY: visible; WIDTH: 20px; Z-INDEX: 5}");
document.write("#top {LEFT: 0px; POSITION: absolute; TOP: 20px; VISIBILITY: visible; WIDTH: 150px; Z-INDEX: 5}");
document.write("#screen {LEFT: 0px; POSITION: absolute; TOP:16px; VISIBILITY: visible; WIDTH: 110px; Z-INDEX: 5}");
document.write("</style>");

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

var master = new Object("element")
master.curLeft = -110;	master.curTop = 10;
master.gapLeft = 0;		master.gapTop = 0;
master.timer = null;
function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop)
{
clearTimeout(eval(layerName).timer)

if(eval(layerName).curLeft != fromLeft)
{
if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}

if(eval(layerName).curTop != fromTop)
{
if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}


eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed)
{
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed

moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}

var expandState = 0

function expand()
{
if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "images/CloseList.gif"}; expandState = 1;}
else{setPace("master", -150, 10, 10); if(ie){document.menutop.src = "images/PlayList.gif"}; expandState = 0;}
}

		document.write("<div id=master><div id=menu onmouseover='javascript:expand()'>" + "\n" +
		"<table border=0 cellpadding=0 cellspacing=0 width=35>" + "\n" +
		"<tr>" + "\n" +
		"<td width='35'>" +
		"<img alt=展开/关闭 border=0 height=53 name=menutop src='images/PlayList.gif' width=35 >" + "\n" +
		"</td>" + "\n" +
		"</tr>" + "\n" +
		"</table>" + "\n" +
		"</div>" + "\n" +
		"<div id=top>" + "\n" +
		"<div id=screen >" + "\n" +
		"<table cellspacing=0 valign=top align=center width=150 cellpadding=0 border=0>" + "\n" +		
		"<tr><td valign=top>" + "\n" +
		"<img src='images/PlayList_Top.gif' width=150 height=53>" +
		"</td></tr>" +
		"<tr><td><img src='images/playlist_top2.gif' border=0>" +
		"</td></tr>" +
		"<tr><td height=5 background='images/bg.gif' align='right'><a href=intro.htm target=_blank style='color:#ff0000;padding-right:10px'>M-box使用教程</a></td></tr>" + "\n" +
		"<tr bgcolor=#FFFFFF>" + "\n" +
		"<td background='images/bg.gif'>" + "\n" +
        "<iframe scrolling=auto  frameborder=no src='AddMBox.aspx' width='141px' height='405px' name='frmMBox'>" + "\n" +
	    "</iframe>"+
		" </td></tr>" + "\n" +
		" <tr><td align=top><img src='images/PlayList_Bottom.gif' width=150 height=19></td></tr>" + "\n" +
		" </table>" + "\n" +
		" </div></div>");
if(ie){var sidemenu = document.all.master;}
if(ns){var sidemenu = document.master;}

function FixY()
{
	if(ie){sidemenu.style.top = document.body.scrollTop+10}
	if(ns){sidemenu.top = window.pageYOffset+10}
}
setInterval("FixY()",110);