// this script requires jquery
$(document).ready(function(){
  var isMSIE = /*@cc_on!@*/false;
  if (!isMSIE) {
    return;
  }
  if (!navigator.appVersion.match(/.*MSIE 6\..*/)) {
    return;
  }
  var nameEq = 'browsersuggest=';
  var ca = document.cookie.split(';');
  var browsersuggest = false;
  for(var i=0;i<ca.length;i++){
    var c = ca[i];
    while (c.charAt(0)==' '){
      c = c.substring(1,c.length);
    }
    if(c.indexOf(nameEq)==0){
      browsersuggest = true;
      break;
    }
  }
  if (browsersuggest) {
    return;
  }
  $('.banner728x90').toggle();
  var date = new Date();
  date.setTime(date.getTime()+(2*60*60*1000));
  document.cookie = 'browsersuggest=1; expires=' + date.toGMTString() + '; path=/';
  $('body').append('<div style="left: 0; margin: 0; padding: 0; position: absolute; top: 0;" id="browser-suggest-container">' +
    '<div style="background: white; border: 1px solid #333; color: #555;border-top: none; margin: 0; padding: 4px; position: relative; width: 726px;" id="browser-suggest">' +
    '<h2 style="background: none; border: none; color: #333; font-family: Arial, FreeSans, sans-serif; font-size: 16px; font-weight: bold; margin: 0 200px 0 12px; padding: 0; text-align: left;">Selecteer een andere browser</h2>' +
    '<p style="background: none; border: none; color: #333; font-family: Arial, FreeSans, sans-serif; font-size: 13px; margin: 0 200px 0 12px; padding: 0; text-align: left;">Deze Internet Explorer is een verouderde, relatief onveilige browser. Het is verstandig om een nieuwe browser te downloaden en te installeren.</p>' +
    '<p style="background: none; border: none; color: #333; font-family: Arial, FreeSans, sans-serif; font-size: 13px; margin: 8px 200px 0 12px; padding: 0; text-align: left;">Wij raden aan een van de volgende browsers te installeren:</p>' +
    '<ul style="list-style: none; margin: 12px 0; padding: 0;">' +
    '<li style="display: inline; background: none; border: none; color: #333; float: left; font-family: Arial, FreeSans, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0;"><a target="_blank" class="browser" href="http://www.google.com/chrome" style="color: black; display: block; height: 160px; margin-right: 4px; padding: 6px; text-decoration: none; width: 130px;"><img src="http://services.all4students.nl/js/img/chrome.png" alt="" style="border: none; display: block; margin-bottom: 8px; height: 128px; width: 128px;" /><span style="display: block; margin: 0; padding: 0; text-align: center;">Google Chrome</span></a></li>' +
    '<li style="display: inline; background: none; border: none; color: #333; float: left; font-family: Arial, FreeSans, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0;"><a target="_blank" class="browser" href="http://www.apple.com/nl/safari/" style="color: black; display: block; height: 160px; margin-right: 4px; padding: 6px; text-decoration: none; width: 130px;"><img src="http://services.all4students.nl/js/img/safari.png" alt="" style="border: none; display: block; margin-bottom: 8px; height: 128px; width: 128px;" /><span style="display: block; margin: 0; padding: 0; text-align: center;">Safari</span></a></li>' +
    '<li style="display: inline; background: none; border: none; color: #333; float: left; font-family: Arial, FreeSans, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0;"><a target="_blank" class="browser" href="http://www.mozilla.com/firefox/" style="color: black; display: block; height: 160px; margin-right: 4px; padding: 6px; text-decoration: none; width: 130px;"><img src="http://services.all4students.nl/js/img/firefox.png" alt="" style="border: none; display: block; margin-bottom: 8px; height: 128px; width: 128px;" /><span style="display: block; margin: 0; padding: 0; text-align: center;">Firefox</span></a></li>' +
    '<li style="display: inline; background: none; border: none; color: #333; float: left; font-family: Arial, FreeSans, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0;"><a target="_blank" class="browser" href="http://www.microsoft.com/netherlands/windows/internet-explorer/worldwide-sites.aspx" style="color: black; display: block; height: 160px; margin-right: 4px; padding: 6px; text-decoration: none; width: 130px;"><img src="http://services.all4students.nl/js/img/internet-explorer.png" alt="" style="border: none; display: block; margin-bottom: 8px; height: 128px; width: 128px;" /><span style="display: block; margin: 0; padding: 0; text-align: center;">Internet Explorer 8</span></a></li>' +
    '<li style="display: inline; background: none; border: none; color: #333; float: left; font-family: Arial, FreeSans, sans-serif; font-size: 13px; list-style: none; margin: 0; padding: 0;"><a target="_blank" class="browser" href="http://www.opera.com/" style="color: black; display: block; height: 160px; padding: 6px; text-decoration: none; width: 130px;"><img src="http://services.all4students.nl/js/img/opera.png" alt="" style="border: none; display: block; margin-bottom: 8px; height: 128px; width: 128px;" /><span style="display: block; margin: 0; padding: 0; text-align: center;">Opera</span></a></li>' +
    '</ul>' +
    '<div style="clear: both;">' +
    '<p style="background: none; border: none; color: #333; font-family: Arial, FreeSans, sans-serif; font-size: 13px; margin: 0; padding: 0; text-align: center;">' +
    '<a href="#close" id="browser-suggest-cancel" style="color: #06c; text-decoration: none;">Annuleer</a>' +
    '</p>' +
    '</div>' +
    '</div>' +
    '</div>');
  $('#browser-suggest a.browser').hover(function(){
    $(this).css('border', '3px solid #eee');
    $(this).css('padding', '3px');
  },function(){
    $(this).css('border', 'none');
    $(this).css('padding', '6px');
  });
  $('#browser-suggest-cancel').hover(function(){
    $(this).css('text-decoration', 'underline');
  },function(){
    $(this).css('text-decoration', 'none');
  });
  $('#browser-suggest-cancel').click(function(){
    $('#browser-suggest').fadeOut(500,function(){
      $('.banner728x90').toggle();
    });
    return false;
  });
  fixBrowserSuggestPosition();
});
function fixBrowserSuggestPosition() {
  $('#browser-suggest-container').css({'padding': '0 0 0 ' + (($(window).width() - $('#browser-suggest').width()) / 2) + 'px'});
  setTimeout('fixBrowserSuggestPosition();', 200);
}