var currentPreviewBox ;

function $(obj){
	        if (typeof obj=="string"){
			                return document.getElementById(obj);
					        }
		        else{
				                return obj;
						        }
}
function removeNode (node){
	        if(node && node.parentNode )
			                node.parentNode.removeChild(node);
}


function showPreview (elm){
	        var id = elm.getAttribute("title");
		        if(currentPreviewBox) removeNode(currentPreviewBox);
			        var pos = findPos (elm);
				        var pvb =$(id);
					        pvb = document.body.appendChild(pvb.cloneNode(true));
						        var leftVar= pos[0]-50 ;
							        if(leftVar <1){
									                leftVar =leftVar+50
												        }
								        pvb.style.left = leftVar+"px";
									        pvb.style.top = pos[1] -50 ;
										        currentPreviewBox = pvb;
											        currentPreviewBox.style.display ="block";
}
function hidePreview(){
	        currentPreviewBox.style.display ="none";
}
function findPos(obj) {
	        var curleft = curtop = 0;
		        if (obj.offsetParent) {
				                curleft = obj.offsetLeft
							                        curtop = obj.offsetTop
										                        while (obj = obj.offsetParent) {
														                                curleft += obj.offsetLeft
																			                                        curtop += obj.offsetTop
																								                        }
						        }
			        return [curleft,curtop];
}