

// $(function() { 
//         $("button[rel]").overlay({expose: '#000', effect: 'apple'}); 
//        }); 
//        

$(function() {         
         
    // positions for each overlay 
   //var positions = [          [0,     530],         [400, 20],         [400, 530],         [0,     20]            ];       


    // setup triggers 
    $("button[rel]").each(function(i) { 
        $(this).overlay({ 
 
            // common configuration for each overlay 
            oneInstance: false,  
            closeOnClick: false,  
              
            // setup custom finish position 
            //top: positions[i][0], 
            //left: positions[i][1], 
            
            top: 40, 
            left: 300, 
             
             
             expose: {

		// you might also consider a "transparent" color for the mask
		color: '#000'},


            // use apple effect 
            effect: 'apple' 
             
        });             
    }); 
     
});


        function SetOverlayWidthHeightInPX(width,height,ImgPath)
        { 
           
            //            document.getElementById("custom").style.width=width+"px";
            //            document.getElementById("custom").style.height=height+"px";
            //            document.getElementById("divHeader").style.width=document.getElementById("custom").style.width;
            //            
            //            document.getElementById("custom").style.background ="url(\'"+ ImgPath +"/blank.gif\') white"; 
            //            document.getElementById("divLogo").style.background ="url(\'"+ ImgPath +"/dn_logo.gif\') no-repeat left"; 
            //            document.getElementById("divHeader").style.background ="url(\'"+ ImgPath +"/table_bg.gif\') repeat-x"; 
            //            

        }
        function OverlayDivOpen()
        {
            //document.write("<div  class='custom'> ");
            document.write("<div  class='divHeader'>");
            document.write("<div class='divLogo'>");
              document.write("<a href='#' class='close'><img alt='Close'  src='images/PopUp_Close.gif' class='closeButton' /></a>");
            document.write("</div>");
            document.write("</div>");
            document.write("<div class='divContent'>");            
            
        }
      
        function OverlayDivClose()
        {
            document.write("</div>");
            //document.write("</div>");
            
        }


        function btnmouseover(obj,classname)
        {

                //obj.style.backgroundImage="url('images/checkschedule_ul.gif')";
                 obj.style.cursor = 'pointer';         
                 obj.className = classname;
                 obj.style.textDecoration='underline';
                 
                                
        }
        function btnmouseout(obj,classname)
        {
                //obj.style.backgroundImage="url('images/checkschedule.gif')";
                obj.style.cursor = 'pointer';        
                obj.className = classname;
                obj.style.textDecoration='none';
                
        }
