function renderPopup( img , imgZoom , name , desc , threadCount , color, weight , price ){

    var output='<div class="popupInner" style="height:' + ( popupHeight + 20 ) + 'px"><div class="popupImg"><a href="' + imgZoom  + '" id="popupThumb"><img src="' + img + '" height="' + popupImgHeight + '" width="' + popupImgWidth + '"></a><div class="popupImgText">&nbsp;<img src="images/buttons/magnify.png">&nbsp;&nbsp;&nbsp;Hover over image to zoom</div></div><div class="popupShirtHeader">' + name + '</div><div class="popupShirtText"><div class="popupTextInner"><b>Description</b><br>' + desc + '</div><div class="popupShirtPrice"><b>Price</b><br><span>' + price + ' US</span></div><div class="popupBtn" onClick="this.parentNode.parentNode.parentNode.removeChild( this.parentNode.parentNode )"><img src="images/buttons/closeOff.gif" onmouseout="this.src=\'images/buttons/closeOff.gif\'" onmouseover="this.src=\'images/buttons/closeOn.gif\'"></div></div>';
    
    var popup= document.getElementById( 'popup' );
    popup.innerHTML = output;
    renderZoom( "popupThumb" );
    
}//fn

function renderFabricPopup( top,left , img , imgZoom , name , desc , threadCount , color, weight , price ){

    var output='<div class="popupInner" style="height:' + ( popupHeight + 20 ) + 'px"><div class="popupImg"><div id="popupThumb" style="cursor:pointer;cursor:hand" onclick="showBlowup(\'' + top + 'px\',\'' + left + 'px\',\'' + imgZoom  + '\')" ><img src="' + img + '" height="' + popupImgHeight + '" width="' + popupImgWidth + '"></div><div class="popupImgText">&nbsp;<img src="images/buttons/magnify.png">&nbsp;&nbsp;&nbsp;Click image to zoom</div></div><div class="popupHeader">' + name + '</div><div class="popupText"><div class="popupTextInner"><b>Description</b><br>' + desc + '</div><div class="popupPrice"><b>Price</b><br><span>' + price + ' US</span></div><div class="popupBtn" onClick="this.parentNode.parentNode.parentNode.removeChild( this.parentNode.parentNode )"><img src="images/buttons/closeOff.gif" onmouseout="this.src=\'images/buttons/closeOff.gif\'" onmouseover="this.src=\'images/buttons/closeOn.gif\'"></div></div>';
    
    var popup= document.getElementById( 'popup' );
    popup.innerHTML = output;
	popup.style.left = left + "px";
	popup.style.top = top + "px";
	// renderZoom( "popupThumb" );
    
}//fn

function showPopup(){
    var popup= document.getElementById( 'popup' );
    popup.style.display= "block";
    document.onmousedown=hidePopup;
}//fn

function hidePopup(){
    var popup= document.getElementById( 'popup' );
    if( popup.style.display == "block" ){
        popup.style.display= "none";
        document.onmousedown=null;
    }
}//fn

    /*<div class="popupTextInner"><b>Thread Count</b><br>' + threadCount + '</div><div class="popupTextInner"><b>Color</b><br>'+ color + '</div><div class="popupTextInner"><b>Weight</b><br>' + weight + ' g/m&sup2;</div>*/