if(window.navigator.appName == "Microsoft Internet Explorer")
{
	IsIE = true;
	canSee = 'block'; 
}
else 
{
	IsIE = false;
	var canSee = 'table-cell';
}

function PaneInfo(clientId, cssClasses)
{
	this.name = clientId + "paneInfo";
	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.IdItemDescriptions = cssClasses[11];
	this.itemId = clientId + "item";
	this.itemsNumber = 3;
	
	this.selectedItems = new Array();
	this.unselectedItems = new Array();
	this.itemLeftImages = new Array();
	this.fancyPaneItems = new Array();
	this.itemNames = new Array();
	this.itemDescriptions = new Array();

	
	for (i = 0; i <= this.itemsNumber ; i++)
	{
		this.unselectedItems[i] = document.getElementById(this.itemId + i);	
		this.selectedItems[i] = document.getElementById(this.itemId + i + '-selected');	
		this.fancyPaneItems[i] = document.getElementById(this.itemId + i + "-info");		
		this.itemLeftImages[i] =  document.getElementById(this.IdItemLeftImage + i);	
		this.itemNames[i] = document.getElementById(this.IdItemName + i);	
		this.itemDescriptions[i] = document.getElementById(this.IdItemDescriptions + i);	
	}
	
	this.fancyPane = document.getElementById(clientId + "items-info");
	this.defaultPaneItem = document.getElementById(clientId + "default");
	
	this.resourcePreloader= document.createElement("DIV");
	this.resourcePreloader.style.display = "none";
	this.resourcePreloader.style.position = 'absolute';
	document.body.appendChild(this.resourcePreloader); 
	preloadResources(this.name);
}

function preloadResources(info)
{
	var objInfo = eval(info);
	if (!objInfo) 
	{
		return;
	}
	
	preloadClass(objInfo.CssItemLeftImageSelected, objInfo);
	preloadClass(objInfo.CssItemDescriptionSelected, objInfo);
	preloadClass(objInfo.CssItemNameSelected, objInfo);
	
	for (i = 1; i <= objInfo.itemsNumber ; i++)
	{
		item = objInfo.fancyPaneItems[i];
		preloadItemResources(item);
	}
}

function preloadItemResources(item)
{
	if (item)
	{
		var disp = item.style.display;
		var pos = item.style.position;
			
		item.style.position = 'absolute';
		item.style.display = canSee;
			
		item.style.display = disp;
		item.style.position = pos;
	}
}

function preloadClass(className, objInfo)
{
	objInfo.resourcePreloader.className = className;
	objInfo.resourcePreloader.style.display = "block";
	objInfo.resourcePreloader.style.display = "none";
}

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(number, info)
{
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = objInfo.unselectedItems[number];
	Id.id = objInfo.itemId + number + "-selected";
	var mId = objInfo.fancyPaneItems[number]; 
	
	var defaultDiv = objInfo.defaultPaneItem;
	if(Id != null)
	{
		Id.className = objInfo.CssItemSelected;
		var obj = objInfo.itemLeftImages[number];
		if (obj) obj.className = objInfo.CssItemLeftImageSelected;
		obj = objInfo.itemNames[number]; 
		if (obj) obj.className = objInfo.CssItemNameSelected;
		obj = objInfo.itemDescriptions[number]; 
		if (obj) obj.className = objInfo.CssItemDescriptionSelected;
		
		Id.style.display=canSee;
		defaultDiv.style.display="none";
		mId.style.display='block';
	}	
}

function unLoadItem(number, info)
{  
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = objInfo.unselectedItems[number];
	if(Id != null)
	{
	    Id.className = objInfo.CssItemUnselected;
	    var obj = objInfo.itemLeftImages[number];
		if (obj) obj.className = objInfo.CssItemLeftImage;
		obj = objInfo.itemNames[number]; 
		if (obj) obj.className = objInfo.CssItemName;
		obj = objInfo.itemDescriptions[number];  
		if (obj) obj.className = objInfo.CssItemDescription;
		Id.style.display = 'none';
		Id.id = objInfo.itemId + number;
	}
	
	Id = objInfo.fancyPaneItems[number]; 
	if(Id != null){
		Id.style.display = 'none';
	}
	
	Id = objInfo.unselectedItems[number];
	if(Id != null)
	{
		Id.style.display=canSee;
	}
}

function loadDefaultScreen(info)
{
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = objInfo.defaultPaneItem;
	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(MouseX,MouseY,info)
{	
	var objInfo = eval(info);
	if (!objInfo) return;
	var Id = objInfo.fancyPane;
	var x = getLeft(Id);
	var y = getTop(Id);
	var xtrue = true;
	var ytrue = true;
	var offsetX = 0, offsetY = 0;

	if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
	{
		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(1, objInfo.name);
		unLoadItem(2, objInfo.name);
		unLoadItem(3, objInfo.name);
		loadDefaultScreen(objInfo.name);
	}
}