var Card = {id:"businessCardLayer", creatLayer:function () {
	if (!$(Card.id)) {
		var layer = document.createElement("div");
		document.body.appendChild(layer);
		layer.id = Card.id;
		layer.className = "cardLayer";
	}
}, load:function (o, id) {
	
	Card.creatLayer();
	$(Card.id).innerHTML = "<div align=\"center\" style=\"border: 6px solid #cccccc;padding: 5px;\"><b><img src=\"images/blue-loading.gif\" width=\"32\" height=\"32\" align=\"absmiddle\" /> Loading......</b></div>";
	
	var urlXML = "Card?id="+id;
	var urlXSL = "xsl/comCard.xsl";
	new XSLTHelper(urlXML, urlXSL).loadView(Card.id);
	Card.show(o);
}, show:function (o) {
	
	var theElement = o;
	var selectedPosX = 30;
	var selectedPosY = o.offsetHeight+3;
	while (theElement != null) {
		selectedPosX += theElement.offsetLeft;
		selectedPosY += theElement.offsetTop;
		theElement = theElement.offsetParent;
	}
	$(Card.id).style.top = (selectedPosY-$('data').scrollTop) + "px";
	$(Card.id).style.left = selectedPosX + "px";
	//alert($('data').scrollTop)
	$(Card.id).style.display = 'block';
},close : function(){
	$(Card.id).style.display='none';
}

};