var _divArray = new Array(); var _onPopout;
      var _videoHeight = 360;
      
      function Book_OnMouseOver(e, ev ) {
          ClearPopouts()
          var bookId = e.getAttribute('bookid')
          var pos = mouseCoords(ev); 
         var  d = document.createElement('div');
         _divArray[bookId] = d;
         d.style.position = 'fixed'
         d.style.left = pos.x + 'px';
         d.style.top = ( document.all ? pos.y - 240:(pos.y - parseInt(document.body.parentNode.scrollTop) - 240) )+ 'px';
         d.onmouseover = function() { _onPopout = true; }
         d.onmouseout = function() {   _onPopout = false;   Book_OnMouseOut(); }
         d.innerHTML = '<iframe src="http://rcm.amazon.com/e/cm?t=info0c-20&o=1&p=8&l=as1&asins=' + bookId + '&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
         document.body.appendChild(d);
   }

   function Book_OnMouseOut(e, ev) {
       setTimeout(function() {
           if (!_onPopout) ClearPopouts()
       }, 50);
   }

   function Video_OnMouseOver(e, ev) {

       ClearPopouts()   
       var url=e.getAttribute('url')
      
       var pos = mouseCoords(ev);
       var d = document.createElement('div');
       _divArray[url] = d; 
    
       d.style.position = 'fixed'
       d.style.left = pos.x + 'px';
       d.style.top = (pos.y - parseInt(document.body.parentNode.scrollTop) - _videoHeight) + 'px';
     
       d.onmouseover = function() { _onPopout = true; }
       d.onmouseout = function() { _onPopout = false; Video_OnMouseOut() }

       d.innerHTML = '<iframe src="' + url + '" style="width:480px;height:'+_videoHeight +'px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
       document.body.appendChild(d);
   }

   function Video_OnMouseOut(e,ev) {
       setTimeout(function() {
       if (!_onPopout) { ClearPopouts() }
       }, 500);
   }

   function ClearPopouts() {
       for (x in _divArray) {
        if(_divArray[x]) document.body.removeChild(_divArray[x]);
       }
       _divArray = new Array();
   }
   
   function mouseCoords(ev) {
       if (ev.pageX || ev.pageY) return { x: ev.pageX, y: ev.pageY };
       return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - document.body.clientTop };
   }