if(window.navigator.appName == "Microsoft Internet Explorer")
IsIE = true;
else IsIE = false;

function PaneInfo(name, defaultItemId, itemId, cssClasses)
{
	this.name = name;
	this.CssItemSelected = cssClasses[0];
	this.CssItemUnselected = cssClasses[1];
	this.CssItemLeftImage = cssClasses[2];
	this.CssItemLeftImageSelected = cssClasses[3];
	this.CssItemName = cssClasses[4];
	this.CssItemNameSelected = cssClasses[5];
	this.CssItemBottomLeftCell = cssClasses[6];
	this.CssItemDescription = cssClasses[7];
	this.CssItemDescriptionSelected = cssClasses[8];
	this.IdItemLeftImage =  cssClasses[9];
	this.IdItemName = cssClasses[10];
	this.IdItemDescription = cssClasses[11];
	this.defaultItemId = defaultItemId;
	this.itemId = itemId;
}

function Point(x,y) 
{ 
	this.x = x; 
	this.y = y; 
}

function getChildElementById(element, childId)
{
     if (element == null)
		return null;
	 
	 if (element.id == childId)
		return element;
	 
	 var i;
	 var childs = element.childNodes;
	 if (childs != null)
	 {
		 for (i = 0; i < childs.length; i++) 
		 {
			var obj = getChildElementById(childs.item(i), childId);
			if (obj) return obj;
		 }
	 }  	
		
     return null;
}


function changeItem(parentId, id, info)
{
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = document.getElementById(parentId);
	Id.id = id;
	var mId = document.getElementById(parentId+'-info');
	
	var defaultDiv = document.getElementById(objInfo.defaultItemId); 
	if(Id != null)
	{
		Id.className = objInfo.CssItemSelected;
		var obj = getChildElementById(Id, objInfo.IdItemLeftImage)
		if (obj) obj.className = objInfo.CssItemLeftImageSelected;
		obj = getChildElementById(Id, objInfo.IdItemName);
		if (obj) obj.className = objInfo.CssItemNameSelected;
		obj = getChildElementById(Id, objInfo.IdItemDescription);
		if (obj) obj.className = objInfo.CssItemDescriptionSelected;
		
		Id.style.display="block";
		defaultDiv.style.display="none";
		mId.style.display="block";
		Id = document.getElementById(parentId);
		if(Id != null){Id.style.display="none";}
	}	
}

function unLoadItem(id, info)
{  
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = document.getElementById(id+'-selected');
	if(Id != null)
	{
	    Id.className = objInfo.CssItemUnselected;
	    var obj = getChildElementById(Id, objInfo.IdItemLeftImage)
		if (obj) obj.className = objInfo.CssItemLeftImage;
		obj = getChildElementById(Id, objInfo.IdItemName);
		if (obj) obj.className = objInfo.CssItemName;
		obj = getChildElementById(Id, objInfo.IdItemDescription);
		if (obj) obj.className = objInfo.CssItemDescription;
		Id.style.display = 'none';
		Id.id = id;
	}
	
	Id = document.getElementById(id+'-info');
	if(Id != null){
		Id.style.display = 'none';
	}
	
	Id = document.getElementById(id);
	if(Id != null)
	{
		Id.style.display="block";
	}
}

function loadItemMenu(item,menu)
{
	var Id = document.getElementById(menu);
	if(Id != null)
	{
		Id.style.display="block";
		Id = document.getElementById(parentId);
		if(Id != null){Id.style.display="none";}
	}	
}

function loadDefaultScreen(id)
{
	var Id = document.getElementById(id);
	if(Id != null)
	{
		Id.style.display = 'block';
	}
}

function getTop(e){
   var t = e;
   var y = t.offsetTop;
   while (t.offsetParent != null) {
      t = t.offsetParent;
      y += t.offsetTop;
   }
   return y;
}

function getLeft(e){
   var t = e;
   var x = t.offsetLeft;
   while (t.offsetParent != null) {
      t = t.offsetParent;
      x += t.offsetLeft;
   }
   return x;
}

function addEventHandler(oTarget, sEventType, fnHandler) 
{
	if (IsIE)
	{
		if (sEventType == "mouseover") sEventType = "mouseenter"; 
		else if (sEventType == "mouseout") sEventType = "mouseleave";
	}
	
	if (oTarget.addEventListener) { 
		oTarget.addEventListener(sEventType, fnHandler, false);
	} else if (oTarget.attachEvent) { 
		oTarget.attachEvent('on' + sEventType, fnHandler);
	} else { 
		oTarget['on' + sEventType] = fnHandler;
	}
}	

function getTargetElement(e)
{	
	var result;
	if (e) 
	{
		if (e.target)
			result = e.target;	
		else 
			result = e.srcElement;
	}
	else
	{
		result = window.event.srcElement;
	}
	return result;
}

function preloadTransparentImage(obj, imageURL)
{
	if (!IsIE)
	{
		if (!obj.imagePreloaded)
		{
			obj.imagePreloaded = true;
			obj.src = imageURL;
		}
	}
}
var mouseLocation = new Point(-500,-500);
function dynamicPaneOut(id,MouseX,MouseY,info){	
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = document.getElementById(id);
	var x = getLeft(Id);
	var y = getTop(Id);
	var xtrue = true;
	var ytrue = true;
	var offsetX = 0, offsetY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
	//Netscape compliant
		offsetY = window.pageYOffset;
		offsetX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	//IE6 standards compliant mode
		offsetY = document.body.scrollTop;
		offsetX = document.body.scrollLeft;
	}
	mouseLocation.x = MouseX + offsetX;
	mouseLocation.y = MouseY + offsetY;
	
	var xlen = 2*parseInt(Id.offsetLeft) + parseInt(Id.offsetWidth);
	var ylen = 2*parseInt(Id.offsetTop) + parseInt(Id.offsetHeight);
	
	if(!(((mouseLocation.x > x) & (mouseLocation.x < (x + xlen + 5))) & ((mouseLocation.y > y) & (mouseLocation.y < (y + ylen)))))
	{
		unLoadItem(objInfo.itemId + '1', objInfo.name);
		unLoadItem(objInfo.itemId + '2', objInfo.name);
		unLoadItem(objInfo.itemId + '3', objInfo.name);
		loadDefaultScreen(objInfo.defaultItemId);
	}
}