/**
 *
 * The API performs tasks such as moving and hiding page elements 
 * (DIVs, layers or images) as well as getting and setting 
 * their attributes (such as size/position).
 *
 */

 
 
/**
 * Browser Sniffer
 *
 */

var ns4 = document.layers;
var op5 = (navigator.userAgent.indexOf("Opera 5")!=-1) ||(navigator.userAgent.indexOf("Opera/5")!=-1);
var op6 = (navigator.userAgent.indexOf("Opera 6")!=-1) ||(navigator.userAgent.indexOf("Opera/6")!=-1);
var agt = navigator.userAgent.toLowerCase();
var mac = (agt.indexOf("mac")!=-1);
var ie = (agt.indexOf("msie") != -1); 
var mac_ie = mac && ie;

var MSIE = false; 
if(navigator.userAgent.indexOf('MSIE') >= 0)
{
    MSIE = true;
}

iframeObj = null;   

function resizeFixMSIE(PopupId)
{
	if(MSIE && iframeObj == null)
	{
		iframeObj = document.createElement('IFRAME');
        iframeObj.id = 'FixMSIE';
		iframeObj.style.position = 'absolute';
        iframeObj.style.display = 'none';
        iframeObj.style.visibility = 'hidden'; 
		iframeObj.border = '0px';
        iframeObj.src = 'about:blank';
		iframeObj.style.border = '0px';
		document.body.appendChild(iframeObj);
	}
    
    changeObjectVisibility('FixMSIE', 'block'); 
    pFixMSIE = getObject('FixMSIE');
    pPopup = getObject(PopupId);  
    
    pFixMSIE.style.left = pPopup.style.left;
    pFixMSIE.style.top =  pPopup.style.top;
    
	pFixMSIE.style.width = pPopup.offsetWidth + 'px';
	pFixMSIE.style.height = pPopup.offsetHeight + 'px';	
}

function hideFixMSIE()
{
    if(iframeObj)
    {
        // iframeObj.style.display='none';  
        changeObjectVisibility('FixMSIE', 'none');
    }
}
	
/**
 * Get Object By ID
 *
 */
function getObject(objectId) 
{
  if(document.getElementById && document.getElementById(objectId)) 
  {
    return document.getElementById(objectId);
  } 
  else if (document.all && document.all(objectId)) 
  {
    return document.all(objectId);
  } 
  else if (document.layers && document.layers[objectId]) 
  {
    return getObjNN4(document,objectId);
  } 
  else 
  {
    return false;
  }
} 

 
/**
 * Get Style Object 
 *
 */
  
function getStyleObject(objectId) 
{
  if(document.getElementById && document.getElementById(objectId)) 
  {
    return document.getElementById(objectId).style;
  } 
  else if (document.all && document.all(objectId)) 
  {
    return document.all(objectId).style;
  } 
  else if (document.layers && document.layers[objectId]) 
  {
    return getObjNN4(document,objectId);
  } 
  else 
  {
    return false;
  }
}
 

/**
 * Change Object Visibility 
 *
 */
 
function changeObjectVisibility(objectId, newVisibility) 
{
  var styleObject = getStyleObject(objectId, document);
  if(styleObject) 
  {
    styleObject.display = newVisibility;
    return true;
  } 
  else 
  {
    return false;
  }
} 


/**
 * Find Image (NS4 only) 
 *
 */

function findImage(name, doc) 
{
  var i, img;
  for (i = 0; i < doc.images.length; i++) 
  {
    if (doc.images[i].name == name) 
    {
      return doc.images[i];
    }
  }
  for (i = 0; i < doc.layers.length; i++) 
  {
    if ((img = findImage(name, doc.layers[i].document)) != null) 
    {
      img.container = doc.layers[i];
      return img;
    }
  }
  return null;
}


function getImage(name) 
{
  if (document.layers) 
  {
    return findImage(name, document);
  }
  return null;
}


/**
 * Find object (NS4 only) 
 *
 */
 
function getObjNN4(obj,name)
{
  var x = obj.layers;
  var foundLayer;
  for (var i=0;i<x.length;i++)
  {
    if (x[i].id == name)
		{
      foundLayer = x[i];
		}
    else if (x[i].layers.length)
		{
      var tmp = getObjNN4(x[i],name);
		}
    if (tmp) 
		{
  		foundLayer = tmp;
		}
  }
  return foundLayer;
}


/**
 * Get Element Height 
 *
 */
 
function getElementHeight(Elem) 
{
  if (ns4) 
  {
    var elem = getObjNN4(document, Elem);
    return elem.clip.height;
  } 
  else 
  {
    if(document.getElementById) 
    {
      var elem = document.getElementById(Elem);
    } 
  	else if (document.all)
    {
      var elem = document.all[Elem];
    }
    if (op5) 
    { 
      xPos = elem.style.pixelHeight;
    } 
    else 
    {
      xPos = elem.offsetHeight;
    }
    return xPos;
  } 
}


/**
 * Get Element Width
 *
 */
 
function getElementWidth(Elem) 
{
  if (ns4) 
  {
    var elem = getObjNN4(document, Elem);
    return elem.clip.width;
  } 
  else 
  {
    if(document.getElementById) 
    {
      var elem = document.getElementById(Elem);
    } 
    else if (document.all)
    {
      var elem = document.all[Elem];
    }
    if (op5) 
    {
      xPos = elem.style.pixelWidth;
    } 
    else 
    {
      xPos = elem.offsetWidth;
    }
    return xPos;
  }
}


/**
 * Get Element Left
 *
 */

function getElementLeft(Elem) 
{
  if (ns4) 
  {
    var elem = getObjNN4(document, Elem);
    return elem.pageX;
  } 
  else 
  {
    var elem;
    if(document.getElementById) 
    {
      var elem = document.getElementById(Elem);
    } 
    else if (document.all)
    {
      var elem = document.all[Elem];
    }
    xPos = elem.offsetLeft;
    tempEl = elem.offsetParent;
    while (tempEl != null) 
    {
      xPos += tempEl.offsetLeft;
      tempEl = tempEl.offsetParent;
    }
    return xPos;
  }
}


/**
 * Get Element Top 
 *
 */
 
function getElementTop(Elem) 
{
  if (ns4) 
  {
    var elem = getObjNN4(document, Elem);
    return elem.pageY;
  } 
  else 
  {
    if(document.getElementById) 
    {	
      var elem = document.getElementById(Elem);
    } 
		else if (document.all) 
    {
      var elem = document.all[Elem];
    }
    yPos = elem.offsetTop;
    tempEl = elem.offsetParent;
    while (tempEl != null) 
    {
      yPos += tempEl.offsetTop;
      tempEl = tempEl.offsetParent;
    }
    return yPos;
  }
}


/**
 * Get Image Width
 *
 */

function getImageWidth(myImage) 
{
  var x, obj;
  if (document.layers) 
  {
    var img = getImage(myImage);
    return img.width;
  } 
  else 
  {
    return getElementWidth(myImage);
  }
  return -1;
}


/**
 * Get Image Height 
 *
 */

function getImageHeight(myImage) 
{
  var y, obj;
  if (document.layers) 
  {
    var img = getImage(myImage);
    return img.height;
  } 
  else 
  {
    return getElementHeight(myImage);
  }
  return -1;
}


/**
 * Get Image Top  
 *
 */

function getImageTop(myImage) 
{
  var y, obj;
  if (document.layers) 
  {
    var img = getImage(myImage);
    if (img.container != null)
  	{
      return img.container.pageY + img.y;
  	}
    else
  	{
      return img.y;
  	}
  } 
  else 
  {
    return getElementTop(myImage);
  }
  return -1;
}


/**
 * Get Image Left
 *
 */

function getImageLeft(myImage) 
{
  var x, obj;
  if (document.layers) 
  {
    var img = getImage(myImage);
    if (img.container != null)
    {
      return img.container.pageX + img.x;
    }
    else
    {
      return img.x;
    }
  } 
  else 
  {
    return getElementLeft(myImage);
  }
  return -1;
}


/**
 * Move Page Element
 *
 */

function moveXY(myObject, x, y) 
{
  obj = getStyleObject(myObject);
  if (ns4) 
  {
    obj.top = y + 'px';
    obj.left = x + 'px';
  } 
  else 
  {
    if (op5) 
    {
      obj.pixelTop = y + 'px';
      obj.pixelLeft = x + 'px';
    } 
    else 
    {
      obj.top = y + 'px';
      obj.left = x + 'px';
    }	
  }
}


/**
 * Change Style Class 
 *
 */

function changeClass(pElem, strClassName) 
{
  var elem;
  if(document.getElementById) 
  {
    var elem = document.getElementById(pElem);
  } 
  else if (document.all)
  {
    var elem = document.all[pElem];
  }
  elem.className = strClassName;
}


/**
 * Change Image 
 *
 */

function changeImage(target, source) 
{
  var imageObj;
  if (ns4) 
  {
    imageObj = getImage(target);
    if (imageObj) 
    {
      imageObj.src = eval(source).src;
    } 
  } 
  else 
  {
    imageObj = eval('document.images.' + target);
    if (imageObj) 
  	{
    	imageObj.src = eval(source).src; 
  	}
  }
}


/**
 * Change Background Colour 
 *
 */
 
function changeBGColour(myObject, colour) 
{
  if (ns4) 
  {
    var obj = getObjNN4(document, myObject);
    obj.bgColor=colour;
  } 
  else 
  {
    var obj = getStyleObject(myObject);
    if (op5) 
    {
      obj.background = colour;	
    } 
    else 
    {
      obj.backgroundColor = colour;
    }	
  }
}



/**
 * Get Background Colour 
 *
 */
 
function getBGColour(myObject) 
{
  if (ns4) 
  {
    var obj = getObjNN4(document, myObject);
    return obj.bgColor;
  } 
  else 
  {
    var obj = getStyleObject(myObject);
    if (op5) 
    {
      return obj.background;	
    } 
    else 
    {
      return obj.backgroundColor;
    }	
  }
}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
    {
		curleft += obj.x;
    }
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
    {
		curtop += obj.y;
    }
	return curtop;
}