function ShowImage(picname,num,cursorY) /*19July08*/
{
 document.getElementById("HiddenImage").className = "HiddenImage2";
 document.getElementById("HiddenImage").src = "images/loading.gif";
 currpic = getElementPosition("prodpic"+num);
 y_pos = currpic.top; 
 //alert("y_pos : " + y_pos );
 document.getElementById("HiddenImage").src = picname;
 /*document.getElementById("HiddenImage").style.top = (y_pos+(200-cursorY))+"px";//comment off if use fix position*/

 document.getElementById("HiddenImage").style.position = "fixed";
 document.getElementById("HiddenImage").style.top = "150px";
 document.getElementById("HiddenImage").style.left = "325px";

}

function ShowImage2(picname, picid, cursorY, cursorX) /*06Sept08*/
{
 document.getElementById("HiddenImage").className = "HiddenImage2"; 
 document.getElementById("HiddenImage").src = "images/loading.gif"; 
 currpic = getElementPosition(picid);
 y_pos = currpic.top;
 x_pos = currpic.left; 
 //alert("y_pos : " + y_pos + ", x_pos : " + x_pos );
 //alert ("picid is : " + picid);
 document.getElementById("HiddenImage").src = picname;
 document.getElementById("HiddenImage").style.position = "fixed";
 document.getElementById("HiddenImage").style.top = "100px";
 //document.getElementById("HiddenImage").style.left = "455px";
 if ((600 - x_pos)>0) {
   document.getElementById("HiddenImage").style.left = (cursorX + 100) + "px"; 
 } else {
   document.getElementById("HiddenImage").style.left = (cursorX - 500) + "px";
 }//end if ((550......
}

function ShowImage3(picname, picid, cursorY, cursorX) /*28Oct08 - called in index.php */
{
 var offset = 10;

 document.getElementById("HiddenImage").className = "HiddenImage1"; //hide popup image

 document.getElementById("HiddenTempImage").style.top = cursorY -32 - offset;
 document.getElementById("HiddenTempImage").style.left = cursorX +32 + offset;
 document.getElementById("HiddenTempImage").src = "images/loading.gif";
 document.getElementById("HiddenTempImage").className = "HiddenImage2"; //show temp image
 

  //alert ("picid is : " + picid); 
 document.getElementById("HiddenImage").src = picname;
 //alert("y_pos : " + y_pos + ", imgHeight: " + imgHeight + ", x_pos : " + x_pos + " imgWidth: " + imgWidth );

 var currImage = new Image();
 		 currImage.src = picname;
 var imgWidth  = 0;
 		 imgWidth  = currImage.width;
 var imgHeight = 0;
 		 imgHeight = currImage.height;
 //var imgWidth  = document.getElementById("HiddenImage").width
 //var imgHeight = document.getElementById("HiddenImage").height 

 document.getElementById("HiddenImage").style.position = "fixed";
 //document.getElementById("CursorPos").innerHTML = ("Xpos: " + cursorX + ", Ypos: " + cursorY);	
 if ((250 - cursorY) > 0) {
   document.getElementById("HiddenImage").style.top = cursorY + offset;
 } else {
     document.getElementById("HiddenImage").style.top = cursorY - imgHeight - offset;
 } // end if ((250 - cursorY) > 0) 
 
 if ((600 - cursorX) > 0) {
   //document.getElementById("HiddenImage").style.left = cursorX + 30;
   document.getElementById("HiddenImage").style.left = cursorX + offset;
	 //document.getElementById("CursorPos").innerHTML = ("Xpos: " + cursorX + ", Ypos: " + cursorY + ", 100- cursorX= "+ (100 - cursorX));	
 } else {
   //document.getElementById("HiddenImage").style.left = cursorX - 350;
	 document.getElementById("HiddenImage").style.left = cursorX - imgWidth - offset;
	 //document.getElementById("CursorPos").innerHTML = ("Xpos: " + cursorX + ", Ypos: " + cursorY + ", 100- cursorX= "+ (100 - cursorX));	
 }//end if ((600......

  document.getElementById("HiddenTempImage").className = "HiddenImage1"; //hide temp image
  document.getElementById("HiddenImage").className = "HiddenImage2"; //show popup image
} //end Function ShowImage3


function HideImage(num2) /*19July08*/
{
 //num2 not used at the moment
 document.getElementById("HiddenImage").className = "HiddenImage1";
 document.getElementById("HiddenImage").src = "";
 CurrCursorY = null; 
}