// JScript File

function setSize(eleid) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  var ele = document.getElementById(eleid);
  ele.style.left = (myWidth/2);
  ele.style.top = (myHeight/2);
}
 
 function getposOffset(elementId) {

var element = document.getElementById(elementId);
var left = 0;
var top = 0;

if (element != null)
{
    // Try because sometimes errors on offsetParent after DOM changes.
    try
    {
        while (element.offsetParent)
        {
            // While we haven't got the top element in the DOM hierarchy
            // Add the offsetLeft
            left += element.offsetLeft;
            // If my parent scrolls, then subtract the left scroll position
            if (element.offsetParent.scrollLeft) {left -= element.offsetParent.scrollLeft; }

            // Add the offsetTop
            top += element.offsetTop;
            // If my parent scrolls, then subtract the top scroll position
            if (element.offsetParent.scrollTop) { top -= element.offsetParent.scrollTop; }

            // Grab
            element = element.offsetParent;
        }
    }
    catch (e)
    {
        // Do nothing
    }


    // Add the top element left offset and the windows left scroll and subtract the body's client left position.
    left += element.offsetLeft + document.body.scrollLeft - document.body.clientLeft;

    // Add the top element topoffset and the windows topscroll and subtract the body's client top position.
    top += element.offsetTop + document.body.scrollTop - document.body.clientTop;

}
	alert(top);
return {x:left, y:top};

}

function showdetails(ele)
{

    var userDetails = document.getElementById(ele);
    userDetails.style.visibility='visible';
    
}

function hideme(ele)
{
    var userDetails = document.getElementById(ele);
    userDetails.style.visibility='hidden';

}

function hideDetails(ele)
{
    hideme(ele);
}

var ElementLeft;
var ElementTop;
var ElementRight;
var ElementBottom;
var ElementHeight;
var ElementWidth;

function positionInfo(object) {

  var p_elm = object;

  this.getElementLeft = getElementLeft;
  function getElementLeft() {
    var x = 0;
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    while (elm != null) {
      x+= elm.offsetLeft;
      elm = elm.offsetParent;
    }
    return parseInt(x);
  }

  this.getElementWidth = getElementWidth;
  function getElementWidth(){
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    return parseInt(elm.offsetWidth);
  }

  ElementRight = getElementRight;
  function getElementRight(){
    return getElementLeft(p_elm) + getElementWidth(p_elm);
  }

  this.getElementTop = getElementTop;
  function getElementTop() {
    var y = 0;
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    while (elm != null) {
      y+= elm.offsetTop;
      elm = elm.offsetParent;
    }
    return parseInt(y);
  }

  this.getElementHeight = getElementHeight;
  function getElementHeight(){
    var elm;
    if(typeof(p_elm) == "object"){
      elm = p_elm;
    } else {
      elm = document.getElementById(p_elm);
    }
    return parseInt(elm.offsetHeight);
  }

  this.getElementBottom = getElementBottom;
  function getElementBottom(){
    return getElementTop(p_elm) + getElementHeight(p_elm);
  }
}
function setPosition(p_ele,div)
{
    var fieldPos = new positionInfo(p_ele);
    var x = fieldPos.getElementLeft();
    var y = fieldPos.getElementTop();
    var d_ele = document.getElementById(div);
    d_ele.style.left = (x -50) + 'px';
    d_ele.style.top = (y + 25) + 'px';
}

function setPositionname(p_ele,div)
{
   var fieldPos = new positionInfo(p_ele);
    var x = fieldPos.getElementLeft() + fieldPos.getElementWidth();
    var y = fieldPos.getElementTop();
    //alert(p_ele + ":" + fieldPos.getElementWidth());
    var d_ele = document.getElementById(div);
    var pnl  = document.getElementById(pnl);
	d_ele.style.left = (x -5) + 'px';
    d_ele.style.top = (y -15) + 'px';
    //alert(pnl.scrollTop);
   // d_ele.style.top =((y- 15) - pnl.scrollTop)   + 'px';
    
}
function setPositionname1(p_ele,div,pnl)
{
   var fieldPos = new positionInfo(p_ele);
    var x = fieldPos.getElementLeft() + fieldPos.getElementWidth();
    var y = fieldPos.getElementTop();
    //alert(p_ele + ":" + fieldPos.getElementWidth());
    var d_ele = document.getElementById(div);
    var pnl  = document.getElementById(pnl);
	d_ele.style.left = (x -5) + 'px';
    //d_ele.style.top = (y -15) + 'px';
    //alert(pnl.scrollTop);
    d_ele.style.top =((y- 15) - pnl.scrollTop)   + 'px';
    
}