$(document).ready(function() {
    var browserVersion = GetBrowserInfo();
    if (browserVersion != -1) {
        if (browserVersion < 8.0) {
            ShowBrowserCompatibilityOverlay();
        }
    }
   
  

});

function GetBrowserInfo() { 
    // Returns the version of Internet Explorer or a -1
    // (indicating the use of another browser).

  var version = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var userAgent = navigator.userAgent;
    var filter  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (filter.exec(userAgent) != null)
        version = parseFloat(RegExp.$1);
  }
  return version;
}


function ShowBrowserCompatibilityOverlay() {

    var $overlayDiv = $('#overlayBrowserCompatibility');
    var $overlayDivChildren = $('> div', $overlayDiv);
    var $Proceed = $('#Proceed');

    SetupOverlayDivPositioning();

    $overlayDiv.fadeIn(function() {
   
        // ao clicar na area preta, escondo o controlo (F1)
        $overlayDiv.one('click', function() {
            $overlayDiv.hide();
        });

        $Proceed.click(function() {
            $overlayDiv.hide();
        });
    });

    $(window).scroll(function() {
        SetupOverlayDivPositioning();
    });


    // anulo o (F1)
    $overlayDivChildren.click(function(e) {
        e.stopPropagation();
    });

    $(document).keydown(function(e) {
        if (e.keyCode == _keyboard.escape) {
            $overlayDiv.hide();
        }
    });

   
    // ao fazer resize tenho que ajustar as dimensões do overlay
    $(window).bind('resize', function() {
        SetupOverlayDivPositioning();
    });

    function SetupOverlayDivPositioning() {
        $overlayDiv.css('top', $(window).scrollTop());
        $overlayDiv.css('height', $(window).height());
    };


};