function showPopUpImage(imgFilepath, width, height){
    
    winWH = getWindowWidthHeight();
    winW = winWH[0];
    winH = winWH[1];
    
    srcOfXY = getScrollXY();
    srcOfY = srcOfXY[1];

    $('imgPopUp').style.width = width + 30 + 'px';
    $('imgPopUp').style.height = height + 50 + 'px';
    
    var top = ((winH - height) / 2)  + (srcOfY - 30);
    if(top < 0) top = 0;
    $('imgPopUp').style.top = top + 'px';

    var left = ((winW - width) / 2);
    if(left < 0) left = 0;
    
    $('imgPopUp').style.left = left + 'px';
    $('popUpImg').src = imgFilepath;
    $('imgPopUp').style.visibility = 'visible';
}
function hidePopUpImage(){
    $('imgPopUp').style.visibility = 'hidden';
}

function getWindowWidthHeight() {
     /*
    if (parseInt(navigator.appVersion)>3) {
     if (navigator.appName=="Netscape") {
        winW = window.innerWidth;
        winH = window.innerHeight;
        scrOfY = window.pageYOffset;
     }
     if (navigator.appName.indexOf("Microsoft")!=-1) {
        winW = document.body.clientWidth;
        winH = document.documentElement.clientHeight;
        scrOfY = document.body.scrollTop;
     }
    }
    */
  var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
  return [ myWidth, myHeight ];
}
function getScrollXY() {
  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;
  }
  return [ scrOfX, scrOfY ];
}