//var interval=null;
function ShowArea(sender,position)
{
    var oArea=$('divArea');
    oArea.style.display="block";
    if(sender)
    {
        if(position && position=="right")
        {
            SetPositionRight(sender,oArea);
        }
        else
        {
            SetPositionLeft(sender,oArea);
        }
    }
//            interval = setInterval(show,1);
}
function show()
{
    var oArea=$('divArea');
    if(parseInt(oArea.style.height)<=150)
    {
        var h=parseInt(oArea.style.height)+1;
        if(h>150)h=150;
        oArea.style.height=h+"px";
    }
    if(parseInt(oArea.style.width)<=440)
    {
        var left=parseInt(oArea.style.left)-1;
        var width=parseInt(oArea.style.width)+1;
        if(width>440)width=440;
        oArea.style.left=left+"px";
        oArea.style.width=width+"px";
    }
    else
    {
        clearInterval(interval);
    }
    
}
function SetPositionLeft(sender,Obj)
{
    var oXY = getXY(sender);
    if(!document.all)
    {
        var width = parseInt(Obj.style.width);
        top = oXY.top+sender.offsetHeight;
        oXY.left = oXY.left-width+sender.offsetWidth;
        Obj.style.top = top + "px";
        Obj.style.left = oXY.left+"px";
    }
    else
    {
        oXY.left = oXY.left-Obj.style.pixelWidth+sender.offsetWidth;
        Obj.style.pixelTop = oXY.top+sender.offsetHeight-5;
        Obj.style.pixelLeft = oXY.left;
    }
}
function SetPositionRight(sender,Obj)
{
    var oXY = getXY(sender);
    if(!document.all)
    {
        var width = parseInt(Obj.style.width);
        top = oXY.top+sender.offsetHeight;
//        oXY.left = oXY.left-width+sender.offsetWidth;
        Obj.style.top = top + "px";
        Obj.style.left = oXY.left+"px";
    }
    else
    {
        oXY.left = oXY.left;
        Obj.style.pixelTop = oXY.top+sender.offsetHeight-5;
        Obj.style.pixelLeft = oXY.left;
    }
}