var c_TrasnversionDelay = 30;
var m_transImageObject;
var m_transContainerObject;
var m_NewImageUrl;


function ImageTransversion(p_ImageID, p_NewImageUrl) {
	m_transImageObject = document.getElementById(p_ImageID);
	if (m_transImageObject.getAttribute("InTrans") == "true")
		return;

	m_transContainerObject = m_transImageObject.parentNode;
	m_NewImageUrl = p_NewImageUrl;
	SetOpacity(0, p_ImageID);
	m_transImageObject.src = p_NewImageUrl;
	m_transImageObject.setAttribute("InTrans", "true");

	for (var i = 0; i <= 100; i++) {
		setTimeout("SetOpacity(" + i + ", '" + p_ImageID + "')", i * c_TrasnversionDelay);
	}
	setTimeout("ImageTransversionFinish()", i * c_TrasnversionDelay);
}
function ImageTransversionFinish() {
	m_transContainerObject.style.backgroundImage = "url(" + m_NewImageUrl + ")";
	m_transImageObject.setAttribute("InTrans", "false");
}

//alert(m_transContainerObject.style.backgroundImage);
//	m_transContainerObject.style.width = m_transImageObject.width + "px";
//	m_transContainerObject.style.height = m_transImageObject.height + "px";
//	m_transContainerObject.style.backgroundPosition = "left top";
//	m_transContainerObject.style.backgroundRepeat = "no-repeat";
//	alert(m_transContainerObject.style.width);
//	//m_transContainerObject.style.backgroundImage = "url(" + v_CurrentImageUrl + ")"; ;