function getX(elem){
    var x = 0;
    while(elem){
        x = x + elem.offsetLeft;
        elem = elem.offsetParent;
    }
    return x;
}
function getY(elem){
    var y = 0;
    while(elem){
        y = y + elem.offsetTop;
        elem = elem.offsetParent;
    }
    return y;
}
function showDa(elem, proDetailImg, proDetailName, proDetailContent){
 	document.getElementById("proDetailImg").src=proDetailImg;
	document.getElementById("proDetailImg").onreadystatechange=displayDa;
	if(getX(elem) > 550){
		document.getElementById('proDetail').style.left=getX(elem) - 340;
	} else {
		document.getElementById('proDetail').style.left=getX(elem) + 140;
	}
  document.getElementById('proDetail').style.top=getY(elem) - 200;
	document.getElementById("proDetailName").innerText=proDetailName;
	document.getElementById("proDetailContent").innerText=unescape(proDetailContent);
}
function displayDa(){
  if(document.getElementById("proDetailImg").readyState=="complete"){
		document.getElementById('proDetail').style.display = "inline";
	}
}
function hideDa(){
  document.getElementById('proDetail').style.display = "none";
}