// JavaScript Document

function getFormElementValue(formname, elementname) {
		var value = document.getElementsByName(elementname)[0].value;
	return value;		
}

function checkBrowser ()
{
	if (navigator.userAgent.indexOf("Opera")!=-1
    && document.getElementById) type="OP";

	if (document.all) type="IE";	

	if (document.layers) type="NN";
	
	if (!document.all && document.getElementById) type="MO";
	
	return type;
}

function getPageCoords (element) {
     /*var element;
     if (document.all)
       element = document.all[elementId];
     else if (document.getElementById)
       element = document.getElementById(elementId);
     */
	 if (element) {
       var coords = {x: 0, y: 0};
       do {
		if(element.currentStyle)
		{
			if(element.currentStyle.position!='relative')
			{
				coords.x += element.offsetLeft;
				coords.y += element.offsetTop;
			}
		}
		else
		{
			coords.x += element.offsetLeft;
			coords.y += element.offsetTop;
		}

         element = element.offsetParent;
       }
       while (element)
       return coords;
     }
     else
       return null;
    }




/* Mouse-Position */
var mousex
var mousey; 

function init() {
    if (window.event) {
        if (document.captureEvents){
          document.captureEvents(Event.MOUSEMOVE);
        } else {
          window.captureEvents(Event.MOUSEMOVE);
        }
    }
  document.onmousemove = getXY;
}

init();

function getXY(e) {
    if(!e) e = window.event;
    var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?
    window.document.documentElement : window.document.body || null;
    
    mousey = e.pageY ? e.pageY : e.clientY + body.scrollTop;
    mousex = e.pageX ? e.pageX : e.clientX + body.scrollLeft;
}  




function showImagePopup (icon, popupId)
{
	offsetX = 30;
	offsetY = -60;
	
	if (checkBrowser() == "IE")
	{
		var coords = getPageCoords(icon);
    	if (coords)
      	{
			posx = parseInt(coords.x) + offsetX;
			posy = parseInt(coords.y) - parseInt(document.getElementById(popupId).offsetHeight) + offsetX;
		}
		document.getElementById(popupId).style.posLeft = posx;
		document.getElementById(popupId).style.posTop = posy;
		document.getElementById(popupId).style.visibility = "visible";
	}
	if (checkBrowser() == "MO")
	{
		posx = icon.x;
		posy = icon.y;
		document.getElementById(popupId).style.left = (posx + offsetX) + "px";
		document.getElementById(popupId).style.top = (posy - document.getElementById(popupId).offsetHeight + offsetX) + "px";
		document.getElementById(popupId).style.visibility = "visible";
	}
}



function hideImagePopup (id)
{
	document.getElementById(id).style.visibility = "hidden";
}



function showPopup (popupId)
{
	document.getElementById(popupId).style.visibility = "visible";
}

function movePopup (popupId)
{
	if (document.getElementById(popupId).style.visibility == "visible")
	{
		offsetX = 5;
		offsetY = -15;
		
		if (checkBrowser() == "IE")
		{
			posx = mousex + offsetX;
			posy = mousey - parseInt(document.getElementById(popupId).offsetHeight) + offsetY;
			
			document.getElementById(popupId).style.posLeft = posx;
			document.getElementById(popupId).style.posTop = posy;
			document.getElementById(popupId).style.visibility = "visible";
		}
		if (checkBrowser() == "MO")
		{
			posx = mousex + offsetX;
			posy = mousey + offsetY;
			document.getElementById(popupId).style.left = (posx + offsetX) + "px";
			document.getElementById(popupId).style.top = (posy - document.getElementById(popupId).offsetHeight + offsetX) + "px";
			document.getElementById(popupId).style.visibility = "visible";
		}
	}
}


function hidePopup (popupId)
{
	document.getElementById(popupId).style.visibility = "hidden";
}