﻿   ///
    ///
    ///
   function HideModalDiv(modalname)
    {
    document.getElementById(modalname).style.visibility="hidden";
    document.getElementById('backgroundFilter').style.display="None";
    }
  ///
  /// Disable Background while the pop up is showing
  ///
  function ShowModalDiv(modalname) 
    { 

        var bcgDiv = document.getElementById('backgroundFilter'); 
            
                bcgDiv.style.display="Block"; 
                document.getElementById(modalname).style.visibility="visible";
                if (bcgDiv != null) 

                {          
                      var viewportwidth;
                     var viewportheight;
                     
                     // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
                     
                     if (typeof window.innerWidth != 'undefined')
                     {
                          viewportwidth = window.innerWidth,
                          viewportheight = window.innerHeight
                     }
                     
                    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

                     else if (typeof document.documentElement != 'undefined'
                         && typeof document.documentElement.clientWidth !=
                         'undefined' && document.documentElement.clientWidth != 0)
                     {
                           viewportwidth = document.documentElement.clientWidth,
                           viewportheight = document.documentElement.clientHeight
                     }
                     
                     // older versions of IE
                     
                     else
                     {
                           viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
                           viewportheight = document.getElementsByTagName('body')[0].clientHeight
                     }

                        bcgDiv.style.height = viewportheight + "px"; 
                        bcgDiv.style.width = "100%"; 
                        

                }
                
                
    }
