function $(id)
{
    return document.getElementById(id);
}

function closeLeftAd()
{
    $('AdLeftLayer').style.display='none';
}

function closeRightAd()
{
    $('AdRightLayer').style.display='none';
}

var AdTop = 0;

function initAd()
{
    AdTop = -200;
    $("AdLeftLayer").style.top = AdTop + "px";
    $("AdLeftLayer").style.display = 'block';
    $("AdLeftLayer").style.left = "5px";
    
    $("AdRightLayer").style.right = "10px";
    $("AdRightLayer").style.top = AdTop + "px";
    $("AdRightLayer").style.display = 'block';
    MoveLayer();
}

function MoveLayer()
{
    
    var y = 100;
    var diff = (document.documentElement.scrollTop + y - AdTop)*.40;
    var y = document.documentElement.scrollTop + y - diff;
    
    AdTop = parseInt(y);
    $("AdLeftLayer").style.top = AdTop + "px";
    
    $("AdRightLayer").style.top = AdTop + "px";
    
    if((hintdiv != null) && (hintexist))
    {
        hintdiv.style.top = (document.documentElement.scrollTop + GetWindowHeight() - hintheight) + "px";
    }
    setTimeout("MoveLayer();", 20);
}

initAd();

var hintdiv = null;
var curwidth = 0;
var hintexist = false;
var hintspeed = 10;
var hintwidth = 183;
var hintheight = 127;
var hintdivwidth = 183;
var hintdivheight = 114;
var hintdivpadding = 6;
var hintcontentwidth = hintdivwidth - hintdivpadding * 2;
var hintcontentheight = hintdivheight - hintdivpadding * 2;

function hintclick()
{
    var hintcode = document.getElementById("hdHint").value;
	var hintabstract = document.getElementById("hdAbstract").value;
	if(hintcode.length > 0&&hintabstract!="")
	{
	    CreateHint(hintcode, hintabstract);
	}
}

function closehint()
{
	document.body.removeChild(hintdiv);
	hintexist = 0;
}

function CreateHint(hintcode, hintabstract)
{
	var hinturl = "Survey/SurveyWidget.aspx?id=" + hintcode;
	
	var frm = document.createElement("DIV");
	frm.style.zIndex = 200;
	frm.style.position = "absolute";
	frm.style.right = "0px";
	frm.style.top = (document.documentElement.scrollTop + GetWindowHeight() - hintheight) + "px";
	frm.style.width = "0px";
	frm.style.height = hintheight + "px";
	frm.style.visibility = "visible";
	frm.style.overflow = "hidden";
	
	frm.innerHTML = "<div style=\"width:" + hintwidth + "px;height:" + hintheight + "px;text-align: right;\">"
	              + "<a href=\"#\" onclick=\"javascript:closehint();return false;\" >"
                  + "<img src=\"images/diaoyan_02.gif\" border=\"0\"></a>"
                  + "<div style=\"width:" + hintdivwidth + "px; height:" + hintdivheight + "px; background-image:url(images/diaoyan_03.gif); padding: 6 6 6 0; margin: 0;\">"
                  + "<table style=\"position: relative; left: -6px; width:" + hintcontentwidth + "px; height:" + hintcontentheight + "px;\" cellpadding=\"8\" cellspacing=\"0\" border=\"0\">"
                  + "<tr><td style=\"text-align:center; vertical-align:middle\">"
                  + "<a href=\"Survey/Answer.aspx?id=" + hintcode + "\"  onclick=\"javascript: closehint();\" target=\"_blank\"><span class=\"text-align text-write\">" + hintabstract + "</span></a>"
                  + "</td></tr><table></div></div>"
	hintdiv = frm;
	curwidth = 0;
	document.body.insertBefore(frm, null);
	
	hintexist = true;
	hintenter();
}

function hintenter()
{
    if(hintexist)
    {
	    if(curwidth < hintwidth)
	    {
		    curwidth += 1;
		    hintdiv.style.width = curwidth + "px";
		    setTimeout('hintenter()', hintspeed);
	    }
	}
}

attachEvent("onload", hintclick);