/* Requires AnchorPosition.js
*/
function showImage(anchorId, frameId, imageName, imageText)
{
   var tFrame = document.getElementById(frameId);
   var doc = tFrame.contentDocument;
   if (doc == undefined || doc == null) {
      doc = tFrame.contentWindow.document;
   }
   imageText = imageText.replace(/<br>/gi, "\n");
   var image = new Image();
   image.src = imageName;
   tFrame.width = image.width + 10;
   tFrame.height = image.height + 60;
   doc.open();
   doc.writeln('<link rel="stylesheet" href="css/pj.css" type="text/css">');
   doc.writeln('<SCRIPT LANGUAGE="JavaScript" SRC="inc/coImagePopup.js"></SCRIPT>');
   doc.writeln('<table border=1>');
   doc.writeln('<tr><td>');
   doc.write('<img border="0" src="', imageName, '" alt="', imageText);
   doc.write('" title="Click image to close" onclick="hideFrame(\'', frameId);
   doc.writeln('\')" style="cursor=url(images/reduce.cur)">');
   doc.writeln('</td></tr>');
   doc.writeln('<tr><td align="center">');
   doc.writeln(imageText);
   doc.writeln('<br><a class="rentme" target="_top" href="appointments.html?PROD=', imageText, '"> <font color="#FF0000">Rent Me Now!</font> </a>');
   doc.writeln('</td></tr>');
   doc.writeln('</table>');
   doc.close();
   var coords;
   coords = getAnchorPosition(anchorId);
   tFrame.style.top = coords.y + "px";
   tFrame.style.left = coords.x + "px";
   tFrame.style.visibility = "visible";
}

function hideFrame(frameId)
{
   var doc = self.parent.self.document;
   var frame = doc.getElementById(frameId);
   frame.style.visibility = "hidden";
}

function imageOnClick(anchorId, frameId, imageName, imageText) {
   var frame = document.getElementById(frameId);

   if(frame.style.visibility == "hidden") {
      showImage(anchorId, frameId, imageName, imageText);
   }
}

function generateImage(imageName, imageText, anchorId) {
   document.write('<a id="', anchorId, '" name="', anchorId, '"> </a>\n');
   document.write('<img border="1" height="100" src="', imageName);
   document.write('" alt="', imageText);
   document.write('" onclick=\'return imageOnClick(');
   document.write('"', anchorId, '", "zoomImageFrame", "', imageName);
   document.write('", "', imageText, '")\' style="cursor: url(images/mag.cur)">');
}