/////////////////////////////////////////////////////////////////

$(document).ready(function() {

    ////////////////////////////////////////////////////////////
    //query work order details, create div, intialize overlay
    
    $('span.x').click(function() {
    
      //get wo
      var wo = $(this).attr("id");
      
      //get order qty (top)
      var qty = $(this).attr("qty");
   
        $.post("querydetails.php", { wo: wo, qty: qty }, creatediv );
        
          function creatediv(data){
          $("#overlaycontent").html(data);
          }

          $.blockUI({ message: $('#overlay'), 
          
                  css: { 
                          padding:        0, 
                          margin:         0, 
                          width:          '80%', 
                          top:            '10%', 
                          left:           '10%', 
                          textAlign:      'center', 
                          color:          '#000', 
                          border:         '3px solid #aaa', 
                          backgroundColor:'#fff', 
                          cursor:         'null' 
                      }         
           });
    });
    
    
    
    ////////////////////////////////////////////////////////////
    //close popup
    
    
    $('#closepopup').click(function() {
        $.unblockUI(); 
        return false; 
    });

});