//(C) Stephen Daly
// www.stephendaly.org
// Date: 11/3/2008

// Checks if the browsers is IE or another.
// document.all will return true or false depending if its IE
// If its not IE then it adds the mouse event
if (!document.all)
document.captureEvents(Event.MOUSEMOVE)

// On the move of the mouse, it will call the function getPosition
document.onmousemove = getPosition;

// These varibles will be used to store the position of the mouse
var X = 0
var Y = 0

// This is the function that will set the position in the above varibles 
function getPosition(args) 
{
  // Gets IE browser position
  if (document.all) 
  {
    X = event.clientX + document.body.scrollLeft
    Y = event.clientY + document.body.scrollTop
  }
  
  // Gets position for other browsers
  else 
  {  
    X = args.pageX
    Y = args.pageY
  }  
}
function backgroundFilter()
{
    var div;
    
    if(document.getElementById)
    // Standard way to get element
    div = document.getElementById('backgroundFilter'); 
    else if(document.all) 
    // Get the element in old IE's 
    div = document.all['backgroundFilter']; 
    
    // if the style.display value is blank we try to check it out here 
    if(div.style.display==''&&div.offsetWidth!=undefined&&div.offsetHeight!=undefined)
    {
        div.style.display = (div.offsetWidth!=0&&div.offsetHeight!=0)?'block':'none'; 
    }
    
    // If the background is hidden ('none') then it will display it ('block').
    // If the background is displayed ('block') then it will hide it ('none').
    div.style.display = (div.style.display==''||div.style.display=='block')?'none':'block';
}

function popUp(filter,drop_box)
{
    var div;
	var span;
    
	span = document.getElementById(drop_box); 

    if(document.getElementById)
    // Standard way to get element
    div = document.getElementById(filter); 
    else if(document.all) 
    // Get the element in old IE's 
    div = document.all[filter]; 
    
    // if the style.display value is blank we try to check it out here 
    if(div.style.display==''&&div.offsetWidth!=undefined&&div.offsetHeight!=undefined)
    {
        div.style.display = (div.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none'; 
    }
    
    // If the PopUp is hidden ('none') then it will display it ('block').
    // If the PopUp is displayed ('block') then it will hide it ('none').
    div.style.display = (div.style.display==''||div.style.display=='block')?'none':'block';
    


    // Off-sets the X position by 15px
	X = findPosX(span);
	Y = findPosY(span);

	//alert(X);
	//alert(Y);

	//X = X - 115;
	Y = Y + span.offsetHeight + 3;
    
	//alert(span.offsetHeight);
	//alert(span.offsetWidth);

	//alert(getOffsetHeight(span));
	
    // Sets the position of the DIV
    div.style.left = X+'px';
    div.style.top = Y+'px';
}

function tabPopUp(filter,drop_box)
{
    var div;
	var span;
	var box;
    
	span = document.getElementById(drop_box); 
	box = document.getElementById(filter); 

	/*alert(box.id);

	alert(document.getElementById('in_my_selection_popup').posTop);
	alert(document.getElementById('in_my_selection_popup').posLeft);*/
	/*alert(box.style.posLeft);*/


    if(document.getElementById)
    // Standard way to get element
    div = document.getElementById(filter); 
    else if(document.all) 
    // Get the element in old IE's 
    div = document.all[filter]; 
    
    // if the style.display value is blank we try to check it out here 
    if(div.style.display==''&&div.offsetWidth!=undefined&&div.offsetHeight!=undefined)
    {
        div.style.display = (div.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none'; 
    }
    
    // If the PopUp is hidden ('none') then it will display it ('block').
    // If the PopUp is displayed ('block') then it will hide it ('none').
    div.style.display = (div.style.display==''||div.style.display=='block')?'none':'block';
    


    // Off-sets the X position by 15px
	X = findPosX(span);
	Y = findPosY(span);

	//alert(X);
	//alert(Y);

	X = X;
	Y = Y + span.offsetHeight - 1;
    
	//alert(span.offsetHeight);
	//alert(span.offsetWidth);

	//alert(getOffsetHeight(span));
	
    // Sets the position of the DIV
    div.style.left = X+'px';
    div.style.top = Y+'px';

	
	box.focus(); 
}


  function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }


