function cumulativeOffset( localelement ) {
      var valueT = 0, valueL = 0;
      do {
        valueT += localelement.offsetTop  || 0;
        valueL += localelement.offsetLeft || 0;
        localelement = localelement.offsetParent;
      } while (localelement);
      return [valueL, valueT];
    }
    
function displayimage( imageid ) {
	zoomimageid = imageid.concat("zoom") ;

	//alert (zoomimageid) ;
    winwidth = document.documentElement.clientWidth ; 
		
	zoompos = cumulativeOffset ( document.getElementById(zoomimageid) ) ;
	
    imagewidth = document.getElementById(imageid).offsetWidth;
    imageheight = document.getElementById(imageid).offsetHeight;
	imagewidthstring = imagewidth.toString() ;
	imageheightstring = imageheight.toString() ;

/*	temp2 = "imagewidth:".concat(imagewidthstring) ;
	temp2 = temp2.concat("  imageheight:") ;
	temp2 = temp2.concat(imageheightstring) ;
	alert (temp2) ;     */
	
	imageposX = zoompos[0] - imagewidth ; 
	imageposY = zoompos[1] - imageheight ;
    
    if ( imageposX < 0 )
	     imageposX = zoompos[0] + 14 ; 
    if ( imageposY < 0 )
	     imageposY = 10 ;
    if ( (imageposX+imagewidth) > winwidth )
         imageposX=winwidth-imagewidth-10 ;
         
	imageposXstring = imageposX.toString() ;
	imageposXstring = imageposXstring.concat("px") ;
	document.getElementById(imageid).style.left = imageposXstring ;
	
	imageposYstring = imageposY.toString() ;
	imageposYstring = imageposYstring.concat("px") ;
	document.getElementById(imageid).style.top = imageposYstring ;
	
/*	temp = "x:".concat(imageposXstring) ;
	temp = temp.concat("  y:") ;
	temp = temp.concat(imageposYstring) ;
	alert (temp) ;  */
	
	document.getElementById(imageid).style.visibility = "visible" ;
}

function displayshopinfo( imageid ) {
	zoomimageid = imageid.concat("zoom") ;

    winwidth = document.documentElement.clientWidth ; 
		
	zoompos = cumulativeOffset ( document.getElementById(zoomimageid) ) ;
	
	imageposX = zoompos[0] - 440 ; 
	imageposY = zoompos[1] - 170 ;
      
	imageposXstring = imageposX.toString() ;
	imageposXstring = imageposXstring.concat("px") ;
	document.getElementById(imageid).style.left = imageposXstring ;
	
	imageposYstring = imageposY.toString() ;
	imageposYstring = imageposYstring.concat("px") ;
	document.getElementById(imageid).style.top = imageposYstring ;
	
	document.getElementById(imageid).style.visibility = "visible" ;
}


function hideimage( imageid ) {
	document.getElementById(imageid).style.visibility = "hidden" ;
	document.getElementById(imageid).style.top = "0px" ;
	document.getElementById(imageid).style.left = "0px" ;
}

function openimage( imageurl , imagewidth, imageheight ) {
	leftpos = (screen.width)*0.5 - (imagewidth)*0.5 ;
	toppos = (screen.height)*0.5 - (imageheight)*0.5 ;
//alert ("leftpos :"+leftpos+"  toppos :"+toppos ) ;
	window.open("imagedisplay.php?url="+imageurl , null , "toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,width="+imagewidth+",height="+imageheight+",left="+leftpos+",top="+toppos );
}