function OpenProductImage(imageId, pageId, targetId) 
{	
	var html = "<div style='background: #FFFFFF url(/Images/image-popup-top-bg.jpg) repeat-x 0px 0px; border: solid 2px #515151; z-index:999999; padding: 10px;'><div align='right' style='padding-bottom: 10px; padding-right: 10px;'><a href='javascript:void(0)' style='color: #FFFFFF; font-weight: bold;'>Close / Fermer</a></div><div style='padding-top: 40px;'><img src='/UtilityForms/GetProductImage.aspx?type=1&id=" + imageId + "' style='z-index: 20000; border: solid 1px #313131; display: block; cursor: hand;'></div></div>";
	var top = document.documentElement.scrollTop;
	
	document.getElementById(targetId).innerHTML = html;
	document.getElementById(targetId).style.visibility = "visible";
	document.getElementById(targetId).style.left = 20 + "px";
	document.getElementById(targetId).style.top = top + 20 + "px";
	document.getElementById(targetId).style.zIndex = '1';
	
	CreateShimmer(targetId);
}

function CloseProductImage(targetId) 
{ 
	document.getElementById(targetId).style.visibility = "hidden";

	RemoveShimmer();
}
	
function CreateShimmer(targetId) 
{
 	var shimmer = document.createElement('iframe');
	
    shimmer.id = 'shimmer';
    shimmer.style.position = 'absolute';
    shimmer.style.width = document.getElementById(targetId).offsetWidth + 'px';
    shimmer.style.height = document.getElementById(targetId).offsetHeight + 'px';
    shimmer.style.top = document.getElementById(targetId).style.top;
    shimmer.style.left = document.getElementById(targetId).style.left;
    shimmer.style.zIndex = '0';
    shimmer.setAttribute('frameborder','0');
    shimmer.setAttribute('src','javascript:false;');
    
    document.body.appendChild(shimmer);
}

function RemoveShimmer() 
{
    var shimmer = document.getElementById('shimmer');
 
    document.body.removeChild(shimmer);
}