function showpopup(id, event) {
   
    div = document.getElementById('wpopup');

    var wtitles=new Array();
    var wcaptions=new Array();

    wtitles[1] = "Volume Discount";
    wtitles[2] = "Volume Discount";
    wtitles[3] = "Volume Discount";
    wtitles[4] = "Volume Discount";
    wtitles[5] = "Volume Discount";

    wcaptions[1] = "1 - 4 license(s) - $57 per each license<br>5 - 9 licenses - $49 per each license<br>10 - 49 licenses - $46 per each license<br>50 or more licenses - contact us at support@moosprojectviewer.com";

    wcaptions[2] = "1 - 4 license(s) - $25 per each license<br>5 - 9 licenses - $22 per each license<br>10 - 49 licenses - $20 per each license<br>50 or more licenses - contact us at support@moosprojectviewer.com";

    wcaptions[3] = "1 - 4 license(s) - $98 per each license<br>5 - 9 licenses - $87 per each license<br>10 - 49 licenses - $82 per each license<br>50 or more licenses - contact us at support@moosprojectviewer.com";

    wcaptions[4] = "1 - 4 license(s) - $47 per each license<br>5 - 9 licenses - $40 per each license<br>10 - 49 licenses - $38 per each license<br>50 or more licenses - contact us at support@moosprojectviewer.com";

    wcaptions[5] = "1 - 4 license(s) - $25 per each license<br>5 - 9 licenses - $22 per each license<br>10 - 49 licenses - $20 per each license<br>50 or more licenses - contact us at support@moosprojectviewer.com";

    title = wtitles[id];
    caption = wcaptions[id];


    div.innerHTML = '<div id="popupbody" style="padding: 1px 1px 1px 1px; background-color: #000000;">' +
                    '<div id="popupframe" style="padding: 1px 1px 1px 1px; background-color: #bbbbee;">' + 
                    '<div id="popupheader" style="padding: 4px 6px 4px 10px; height: 17px;">' + 
                    '<div id="popuptitle" style="float: left; font-size: 10pt; color: #44444444;">' + 
			  title +
                    '</div>' +
			  '<div id="popclose"  style="float: right;">' +
			  '<img src="http://www.rationalplan.com/images/divclose.jpg" onclick="hidepopup(\'wpopup\'); return false;">' +
			  '</div>' +
                    '</div>' +
                    '<div id="poptext" style="padding: 2px 2px 2px 6px; font-size: 8pt; color: #0000ff; background-color: #ffffff; text-align: left;">' +
                    caption +
                    '</div>' +
			  '</div></div>';


    e = window.event;
			
    var scrOfX = 0, scrOfY = 0;
	
   if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
   } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
   } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
   }

   xCoord = scrOfX + event.clientX;
   yCoord = scrOfY + event.clientY;

   div.style.left = xCoord+'px';
   div.style.top = yCoord+'px';
   div.style.display="block";
}

function hidepopup() {
    div = document.getElementById('wpopup');
    div.style.display="none";
}

