var curPage;
var conDiv;

function ajaxFunction( parameters ) {
  var xmlHttp;
  try {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
 }catch (e){
    // Internet Explorer
    try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }catch (e){
      try{
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }catch (e){
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function() {
    if(xmlHttp.readyState==4) {
      document.getElementById('iFramePopup').innerHTML = xmlHttp.responseText;
        }
      }

  if( parameters != '' ) {
    xmlHttp.open("POST","/php/ajax_popup.php",true);
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.setRequestHeader("Content-length", parameters.length);
    xmlHttp.setRequestHeader("Connection", "close");
    xmlHttp.send(parameters);
  }
}

function showPopup( pageToShow, urlInfo ) {
	curPage = pageToShow;
	createBgOverlay();
	createDiv();
	createLoaderImg();

	var ajaxParse = "page="+pageToShow;
	if(urlInfo != "null") {
		ajaxParse += "&urlInfo="+urlInfo;
	}
	
	document.documentElement.scrollTop = 0;
	document.documentElement.style.overflow = "hidden";
	ajaxFunction(ajaxParse);
}

function hidePopup() {
  var bgOver	= document.getElementById("bgOverlay");
  var popCont = document.getElementById(conDiv);
  document.body.removeChild(bgOver);
  document.body.removeChild(popCont);
	
	document.documentElement.scrollTop = 1;
	document.documentElement.style.overflow = "auto";
		
		if(curPage != "aanbiedingen") {
  	history.go(-1);
  }

}

function createDiv() {
	var containerDiv = document.createElement("div");

	if(curPage == "farefinder") {
		conDiv = "popupContainerVliegTickets";
		containerDiv.setAttribute("id", "popupContainerVliegTickets");
	}else if(curPage == "autohuur") {
		conDiv = "popupContainerSunnyCars";
		containerDiv.setAttribute("id", "popupContainerSunnyCars");
		//alert('sunnycars');
	}else {
		conDiv = "popupContainer";
		containerDiv.setAttribute("id", "popupContainer");
	}

	document.body.appendChild(containerDiv);

	var closeBtnCont = document.createElement("div");
	closeBtnCont.setAttribute("id", "closeBtnCont");
	closeBtnCont.innerHTML = "<a href='javascript: ;' onclick='hidePopup();' ><img src='/images/close.gif' alt='Close' border='0' /></a>";
	containerDiv.appendChild(closeBtnCont);

	var newDiv = document.createElement("div");
	newDiv.setAttribute("id", "iFramePopup");
	containerDiv.appendChild(newDiv);
}

function createBgOverlay() {
	var container			= document.getElementById("container");
	var containerDiv 	= document.createElement("div");
	containerDiv.setAttribute("id", "bgOverlay");
	containerDiv.style.height = screen.height+"px";
	document.body.appendChild(containerDiv);
}

function createLoaderImg() {
	var popupContainer = document.getElementById(conDiv);
	var imgLoader = document.createElement("div");
	imgLoader.setAttribute("id", "imgLoader");
	imgLoader.innerHTML = "<img src='/images/loader.gif' alt='Loading' border='0' />";
	popupContainer.appendChild(imgLoader);
}

function removeLoaderImg() {
	var popupContainer = document.getElementById(conDiv);
	var imgLoader = document.getElementById("imgLoader");
	popupContainer.removeChild(imgLoader);
}

function addListener(element, event, listener, bubble) {
  if(element.addEventListener) {
    if(typeof(bubble) == "undefined") bubble = false;
    element.addEventListener(event, listener, bubble);
  } else if(this.attachEvent) {
    element.attachEvent("on" + event, listener);
  }
}