Mine

var ItemView = null;//ItemProto Definition: entry,name,description,class,subclass,...var ItemProto = [];var buttonPosition = new Array(2);buttonPosition['buttoninfo'] = new Array(2);buttonPosition['buttoninfo']['top'] = 0;buttonPosition['buttoninfo']['left'] = 0;buttonPosition['buttonbuy'] = new Array(2);buttonPosition['buttonbuy']['top'] = 0;buttonPosition['buttonbuy']['left'] = 0;var currentButton = new Array();function CreateItems(){	var _tr = [];	var _th = [];	for (itr in ItemProto) 	{		_table = tvWrapper.appendChild(tvDocument.createElement('table'));		_table.setAttribute("style", "float:left");		_table.style.padding = "5px 0px 0px 5px";		_table.cellSpacing = "0";		_table.cellPadding = "0";				_tbody = _table.appendChild(tvDocument.createElement('tbody'));		_tr[1] =_tbody.appendChild(tvDocument.createElement('tr'));				_td = _tr[1].appendChild(tvDocument.createElement('td'));		_td.id = 'i_main';		_td.style.backgroundImage = "url('http://realms.aleajecta.com/dev/ShopEngine/images/Bubble.png')";		_td.style.padding = '20px 10px 10px 20px';				_ImgShowCase = _td.appendChild(tvDocument.createElement('img'));		_ImgShowCase.name = ItemProto[itr]['entry'];		_ImgShowCase.className = 'showcase';		_ImgShowCase.src = 'http://realms.aleajecta.com/dev/ShopEngine/images/thumbs/' + ItemProto[itr]['photo'];		_ImgShowCase.style.position = 'relative';		_ImgShowCase.style.marginRight = '4px';		_ImgShowCase.style.height = '125px';		_ImgShowCase.style.zIndex = '999';		/*_ImgShowCase.onmouseover = function()		{			MouseOverBorder(this, 'onmouseout');			return true;		};*/		_ImgShowCase.onmouseup = function()		{			AddBubble(this);			DelItemButton();		};		_ImgShowCase.onmousedown = function()		{			AddItemButton(this);			return false;		};				_ImgButtonInfo = _td.appendChild(tvDocument.createElement('img'));		_ImgButtonInfo.name = ItemProto[itr]['entry'];		_ImgButtonInfo.className = "buttoninfo";		_ImgButtonInfo.src = 'http://realms.aleajecta.com/dev/ShopEngine/images/Info.png';		_ImgButtonInfo.style.position = 'absolute';		_ImgButtonInfo.style.display = 'none';		_ImgButtonInfo.style.zIndex = '1000';		_ImgButtonInfo.onmouseover = function()		{			MouseOverBorder(this, 'onmouseout');		};		_ImgButtonInfo.onmouseup = function()		{			AddBubble(this);			DelItemButton();		};				_ImgButtonBuy = _td.appendChild(tvDocument.createElement('img'));		_ImgButtonBuy.name = ItemProto[itr]['entry'];		_ImgButtonBuy.className = 'buttonbuy';		_ImgButtonBuy.src = 'http://realms.aleajecta.com/dev/ShopEngine/images/Buy.png';		_ImgButtonBuy.style.position = 'absolute';		_ImgButtonBuy.style.display = 'none';		_ImgButtonBuy.style.zIndex = '1000';		_ImgButtonInfo.onmouseover = function()		{			MouseOverBorder(this, 'onmouseout');		};				_th[1] = _tr[1].appendChild(tvDocument.createElement('th'));		_th[1].id = 'i_first';		_th[1].style.backgroundImage = "url('http://realms.aleajecta.com/dev/ShopEngine/images/Bubble.png')";		_th[1].style.backgroundPosition = 'top right';		_th[1].style.position = 'relative';		_th[1].style.width = '5px';		_th[1].style.height = '8px';				_tr[2] = _tbody.appendChild(tvDocument.createElement('tr'));				_th[2] = _tr[2].appendChild(tvDocument.createElement('th'));		_th[2].id = 'i_second';		_th[2].style.backgroundImage = "url('http://realms.aleajecta.com/dev/ShopEngine/images/Bubble.png')";		_th[2].style.backgroundPosition = 'bottom left';		_th[2].style.position = 'relative';		_th[2].style.width = '5px';		_th[2].style.height = '8px';				_th[3] = _tr[2].appendChild(tvDocument.createElement('th'));		_th[3].id = 'i_third';		_th[3].style.backgroundImage = "url('http://realms.aleajecta.com/dev/ShopEngine/images/Bubble.png')";		_th[3].style.backgroundPosition = 'bottom right';		_th[3].style.position = 'relative';		_th[3].style.width = '5px';		_th[3].style.height = '8px';	}	return true;}function LoadItemsProto(){	req.onreadystatechange = function() 	{		if (req.readyState == 4) 		{			var data = req.responseJS;			if (!data) 			{				//Error Output.. For TV viewer. :)				DocumentBlur(true);				alert(req.responseText);			}			else			{				for(var itr in req.responseJS)					ItemProto[ req.responseJS[itr]['entry'] ] = req.responseJS[itr];				eventSystem.addEvent('CreateItems();DocumentBlur(true);',0);							}			req.onreadystatechange  = null;		}	};	DocumentBlur(false);    req.open('GET', 'http://realms.aleajecta.com/dev/ShopEngine/index.php?JsRequest&QuerySql&type=select&table=item_template&colum=entry,name,maker,sellPrice,photo&order=name&limit=200', true);    req.send({ });}function LoadItemDescription(entry){	//alert(GetElementById('tvFrame').contentDocument.getElementById('itemDescription'));	if(ItemProto[entry]['description'])	{		if(target = GetElementById('tvFrame').contentDocument.getElementById('itemDescription'))			target.innerHTML = ItemProto[entry]['description'].wordWrap(78,'<BR />',0);		return;	}	req.onreadystatechange = function() 	{		if (req.readyState == 4) 		{			if (!req.responseJS) 			{				//Error Output.. For TV viewer. :)				alert(req.responseText);			}			else			{				//alert(req.responseJS);				ItemProto[entry]['description'] = req.responseJS[0]['description'] ? req.responseJS[0]['description'] : 'Description For This Item Is Unavailable';								if(target = GetElementById('tvFrame').contentDocument.getElementById('itemDescription'))					target.innerHTML = ItemProto[entry]['description'].wordWrap(78,'<BR />',0);			}			req.onreadystatechange  = null;		}	};    req.open('GET', 'http://realms.aleajecta.com/dev/ShopEngine/index.php?JsRequest&QuerySql&type=select&table=item_template&colum=description&where=entry:equal:'+entry, true);	req.send({ });//'+ItemProto[owner.id]['description'].wordWrap(78,'<BR />',0)+'}function MakeItemButtonPosition(owner,childClassName){	//_current = _current.parentNode	for (var itr in owner.childNodes) 	{		if(!owner.childNodes[itr].className)			continue;		if (owner.childNodes[itr].className == 'showcase') 		{			if (childClassName == 'buttoninfo') 			{				buttonPosition[childClassName]['top'] = owner.childNodes[itr].offsetTop + owner.childNodes[itr].clientHeight - 40;				buttonPosition[childClassName]['left'] = owner.childNodes[itr].offsetLeft + 5;			}			else if(childClassName == 'buttonbuy')			{				buttonPosition[childClassName]['top'] = owner.childNodes[itr].offsetTop + owner.childNodes[itr].clientHeight - 50;				buttonPosition[childClassName]['left'] = owner.childNodes[itr].offsetLeft + owner.childNodes[itr].clientWidth - 32;			}		}	}	}function AddItemButton(owner){	if(currentButton.length)		DelItemButton();	owner = owner.parentNode;	for(var i in owner.childNodes)	{		if(!owner.childNodes[i].className)			continue;				//alert(_current.childNodes[i].id);		if (owner.childNodes[i].className == 'buttoninfo') 		{			MakeItemButtonPosition(owner,owner.childNodes[i].className);			owner.childNodes[i].style.top = buttonPosition[owner.childNodes[i].className]['top'];			owner.childNodes[i].style.left = buttonPosition[owner.childNodes[i].className]['left'];			owner.childNodes[i].style.display = 'block';			currentButton.push(owner.childNodes[i]);		}		if (owner.childNodes[i].className == 'buttonbuy') 		{			MakeItemButtonPosition(owner,owner.childNodes[i].className);			owner.childNodes[i].style.top = buttonPosition[owner.childNodes[i].className]['top'];			owner.childNodes[i].style.left = buttonPosition[owner.childNodes[i].className]['left'];			owner.childNodes[i].style.display = 'block';			currentButton.push(owner.childNodes[i]);		}	}}function DelItemButton(){	while (currentButton.length) 	{		currentButton.pop().style.display = 'none';	}}