// Detect browser
    
    
var detect = navigator.userAgent.toLowerCase();
var browser,thestring;


function getBrowser()
{

if (checkIt('msie') || checkIt('internet explorer')) browser = "IE";
else if (!checkIt('compatible') || checkIt('firefox'))
{
    browser = "Mozilla";
    if(checkIt('firefox'))
        browser="Firefox";
}
else browser = "Unknown";



return browser;
}



function checkIt(string)
{
    place = detect.indexOf(string) + 1;
    thestring = string;
    return place;
}
    
//Do the business   
    
function getImageXfromLeft(imgID) {
  //if not using IE 
  if (getBrowser()!="IE") 
  {return document.getElementById(imgID).x;}
  else {return getRealLeft(imgID);}//else, using Internet explorer 
}

function getImageYfromTop(imgID) {
  if (getBrowser()!="IE") 
  {
    return document.getElementById(imgID).y;

	}
  else {return getRealTop(imgID);}
}


//now below are the Internet Explorer handlers



function getRealLeft(imgElem) {
	xPos = document.getElementById(imgElem).offsetLeft;
	tempEl = document.getElementById(imgElem).offsetParent;
  	while (tempEl != null) {
  		xPos += tempEl.offsetLeft;
  		tempEl = tempEl.offsetParent;
  	}
	return xPos;
}

function getRealTop(imgElem) {
	yPos = document.getElementById(imgElem).offsetTop;
	tempEl = document.getElementById(imgElem).offsetParent;
	while (tempEl != null) {
  		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
  	}
	return yPos;
}


function positionElementById(mover,target,extraX,extraY)
{

//get objects from ID 
var toMove = document.getElementById(mover);
//var theTarget = document.getElementById(target);
//get target X & Y positions to move to
var temptargetX = getImageXfromLeft(target); //todd
var temptargetY = getImageYfromTop(target); //todd
var targetX = getImageXfromLeft(target)+extraX;
var targetY = getImageYfromTop(target)+extraY;

// alert('ok'); 
// alert(targetX+" px, "+targetY+" px"); 
//alert(temptargetX+" px, "+temptargetY+" px"); 
  
if (temptargetX == 0 && temptargetY == 0) {
var targetX = document.getElementById("certanchor").offsetLeft; //todd
var targetX = document.getElementById("certanchor").x+extraX; //todd
var targetY = document.getElementById("certanchor").y+extraY; //todd
//var targetY = 100; //todd
//window.resizeBy = (100,100);
}
else {}
  


//ensure the object moves there, and displays properly 
toMove.style.position="absolute";
toMove.style.left=targetX+"px";//px = pixels 
toMove.style.top=targetY+"px";//px required in CSS 
toMove.style.display='block';//reserve space for it



return true;


}