var http = createRequestObject();
var slideName = "";

var diffTitle = "";
var resTitle = "";
var comTitle = "";

var resHTML = "";
var comHTML = "";
var diffHTML = "";

var mainText = "";

var comDiv;
var resDiv;
var diffDiv;
var mainDiv;

function loadStartPage(defPage)
{
  if (defPage == null || defPage == "") defPage = "main";
  if(params['start'] != null) getNewContent(params['start'].toLowerCase());
  else getNewContent(defPage.toLowerCase());
  onPageLoad();
}

function createDivs()
{
  resDiv = "<div id='resDiv'><div class='title'><b>" + resTitle + "</b></div><div class='resText'>" + resHTML + "</div></div>";
  comDiv = "<div id='comDiv'><div class='title'><b>" + comTitle + "</b></div><div class='comText'>" + comHTML + "</div></div>";
  diffDiv = "<div id='diffDiv'><div class='title'><b>" + diffTitle + "</b></div><div class='diffText'>" + diffHTML + "</div></div>";
  mainDiv = "<div id='mainDiv'><div class='mainText'>" + mainText + "</div></div>";
}

function getCom()
{
  document.getElementById("mainDiv").innerHTML= comDiv;
  setLoadedPage("com");
}

function getRes()
{
  document.getElementById("mainDiv").innerHTML= resDiv;
  setLoadedPage("res");
}

function getDiff()
{
  document.getElementById("mainDiv").innerHTML= diffDiv;
  setLoadedPage("diff");
}

function getMain()
{
  document.getElementById("mainDiv").innerHTML= mainDiv;
  setLoadedPage("main");
}

function createRequestObject()
{
  var objAjax;
  var browser = navigator.appName;
  if(browser == "Microsoft Internet Explorer")
    objAjax = new ActiveXObject("Microsoft.XMLHTTP");
  else
    objAjax = new XMLHttpRequest();
  return objAjax;
}

function getNewContent(slide)
{
  slideName = slide;
  if(loginType=="residential") http.open("get", "data/config-res.html");
  else if(loginType=="commercial") http.open("get", "data/config-com.html");
  else http.open("get", "data/config.html");
  http.onreadystatechange = updateNewContent;
  http.send(null);
  return false;
}

function updateNewContent()
{
  if(http.readyState == 4)
  {
    document.getElementById("placeHolder").innerHTML = http.responseText;
    loadConfiguration();
  }
}

function loadConfiguration()
{
  resTitle = document.getElementById("resTitle").innerHTML;
  comTitle = document.getElementById("comTitle").innerHTML;
  diffTitle = document.getElementById("diffTitle").innerHTML;

  resHTML = document.getElementById("resText").innerHTML;
  comHTML = document.getElementById("comText").innerHTML;
  diffHTML = document.getElementById("diffText").innerHTML;

  mainText = document.getElementById("mainHeader").innerHTML;

  createDivs();

  if(slideName=="main") getMain();
  else if(slideName=="res") getRes();
  else if(slideName=="diff") getDiff();
  else if(slideName=="com") getCom();
}