function popupDiv(divId, response, links) {
  var overlay = document.getElementById('overlay');
  overlay.style.display = 'block';
  var popup = document.getElementById(divId);
  var popupContent = popup.getElementsByTagName('div')[0];
  var p = popup.getElementsByTagName('p')[0];  
  popupContent.innerHTML = response;
  p.innerHTML = links;
  popup.style.top = getScroll() + 100 + 'px';
  prepareIE();
  popup.style.display = 'block';
}

function closePopup(divId) {
  var overlay = document.getElementById('overlay');
  var popup = document.getElementById(divId);
  popup.style.display = 'none';
  overlay.style.display = 'none';
}

function getScroll(){
    var yScroll;

    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){  // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop; 
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
    }
       return yScroll;
}

function prepareIE(){
    var overlay = document.getElementById('overlay');
    overlay.style.width = document.body.clientWidth + 'px';
    overlay.style.height = getDocHeight() + 'px';
    
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );

}

function ajaxRequest(){
 var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
 if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
  for (var i=0; i<activexmodes.length; i++){
   try{
    return new ActiveXObject(activexmodes[i])
   }
   catch(e){
    //suppress error
   }
  }
 }
 else if (window.XMLHttpRequest) // if Mozilla, Safari etc
  return new XMLHttpRequest()
 else
  return false
}

function recommendFriend() {
  var overlay = document.getElementById('overlay');
  overlay.style.display = 'block';
  var popup = document.getElementById('alertPopup');
  var popupContent = popup.getElementsByTagName('div')[0];
  popupContent.innerHTML = ''  
  
  var p = popup.getElementsByTagName('p')[0];
  
  
  // get the recommend page via ajax get
  var mygetrequest=new ajaxRequest()
  mygetrequest.onreadystatechange=function(){
   if (mygetrequest.readyState==4){
    if (mygetrequest.status==200 || window.location.href.indexOf("http")==-1){
       popupContent.innerHTML = mygetrequest.responseText
    }
    else{
     alert("An error has occured making the request")
    }
   }
  }
  mygetrequest.open("GET", "/recommend/index.htm", true)
  mygetrequest.send(null)
  

  p.innerHTML = '';
  popup.style.top = getScroll() + 100 + 'px';
  prepareIE();
  popup.style.display = 'block';  
}

function popupTsandCs() {
  popupDiv ('alertPopup','Please accept the terms and conditions before submitting the form<br><br><br>',"<span style=\"display: block;\" align=\"center\"><a class=\"button\" href=\"javascript:closePopup('alertPopup');\">Close</a></span>");
}