var pack = {
  box:null,
  parent:null,
  isInBox:null,
  isInLink:null,
  createBox:function() {
    document.write('<div id="pBox" class="hidden"><div class="prel"><div class="arrow"></div><div class="top"></div>')         
    document.write('<div id="pBoxForm" class="middle"></div>')    
    document.write('<div class="bottom"></div></div></div>')          
  },
  init:function(){  
    this.box=document.getElementById("pBox")                        
  },        
  show:function(parent,id) {
       
    this.isInLink = true              
    this.isInBox  = false
    if(this.parent != parent) {       
          
          pack.parent  = parent          
          //this.box.style.display='block'                    
          var f = function(txt) {
          
                var form = $("pBoxForm")
                var box  = $("pBox") 
                var pos  = findPos(pack.parent,box.offsetParent)
                
                form.innerHTML = txt                                                                                 
                box.onmouseover = function(e) {
                  pack.isInLink = false
                  pack.isInBox = true                   
                }
                
                box.addEvent('mouseleave', function(e){
                  pack.isInBox = false                                       
                  pack.hide()
                })  
                /*
                box.onmouseout = function(e){                            
                  pack.isInBox = false                                       
                  pack.hide()                                                                                         
                } */
                
                
                $(pack.parent).addEvent('mouseleave', function(e){
                   pack.isInLink = false
                   pack.hide()                                                                  
                })                                       
                
                box.style.display='block'
                pos[0] += (pack.parent.width?pack.parent.width:pack.parent.offsetWidth) + 10
                pos[1] -= (box.height?box.height:box.offsetHeight)/2
                pos[1] += (pack.parent.height?pack.parent.height:pack.parent.offsetHeight)/2                       
                box.style.left =  pos[0] + "px"                                
                box.style.top =  pos[1] + "px" 
                
                
                                
      	        box.fade('in');                     
          }               
             
          try{                  
              var url = '/ajax/package.php?p='+id;        
              ajaxRequest(url,f);            
          }catch(err){}                                           
      }  
                 
      return false
                
          
          
  },
   hide2:function() {
         if(!this.isInBox && !this.isInLink) {
            
            this.box.fade('out'); 
            this.parent = null
               
            return false    
          }                
          
          return false;
   },
  hide:function() {
  
      setTimeout("pack.hide2()",100)
  }
}

pack.createBox()               
dotask(window, function(){pack.init()}, "load")