function getViewportDimensions() {
    var intH = 0, intW = 0;

    if(self.innerHeight) {
       intH = window.innerHeight;
       intW = window.innerWidth;
    }
    else {
        if(document.documentElement && document.documentElement.clientHeight) {
            intH = document.documentElement.clientHeight;
            intW = document.documentElement.clientWidth;
        }
        else {
            if(document.body) {
                intH = document.body.clientHeight;
                intW = document.body.clientWidth;
            }
        }
    }

    return {
        height: parseInt(intH, 10),
        width: parseInt(intW, 10)
    };
}


function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
    do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
    } while (obj = obj.offsetParent);

   return [curleft,curtop];
   }
}


$(document).ready(function(){

 //Fonload()
 var vpDim = getViewportDimensions()

 $('.bigpicholder').hide()

  $('.thumbnail').find('img').each(function () {
     $(this).after($(this).css("z-index","1"))
     $(this).hover(function(){
           var obj = $(this)[0]
           var objPos = findPos(obj)
           objPos[0] += 200
           if (vpDim.width < objPos[0] + 300) objPos[0] -= 500

           var picsrc = $(this).next('span').find('img').attr('src')
           $('.bigpicholder').css({left:objPos[0]+"px",top:objPos[1]+"px"}).find('img').attr('src',picsrc).end().show()

           $('.bigpicholder').show()

          }
          ,function(){
           $('.bigpicholder').hide()

          });

     })


 });