// JavaScript Document
function trace(s){
	if(!document.getElementById('mediadebug')){
		this.document.body.innerHTML  +='<div id="mediadebug" style="position:absolute; top:1px; left:1px; width:200px;height:400px;border:1px solid red; background-color:#ffffcc;overflow:auto;" onclick="this.style.visibility=\'hidden\';">Media Debugger:</div>'; 			
	}
	var mediadebug = document.getElementById('mediadebug')
	mediadebug.style.visibility='visible';
	mediadebug.innerHTML += '<br/>' + s;		
}
function showInfo(obj, name, xoffset, yoffset){	
	//#readme 
	if(!name){
		var popupname = obj.id + '_popup';
	}else{
		popupname = name;	
	}
	var popup;
	if(xoffset!=0 && !xoffset){
		var	xoffset = 20;	
	}
	if(yoffset!=0 && !yoffset){
		var yoffset =-35;	
	}
	var x = calculateSumOffset(obj, 'offsetLeft') +obj.offsetWidth+xoffset;
	var y = calculateSumOffset(obj, 'offsetTop')+ yoffset;
	var popupobj = document.getElementById(popupname);
	if(popupobj){
		popupobj.style.top = y + 'px';
		popupobj.style.left = x +'px';
	}
	document.getElementById(popupname).style.visibility = 'visible';
}

function calculateSumOffset(item, offsetName)
{	
	var totalOffset = 0;
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}