var theSelectedStyle="";
var theSelectedRoom="";

function makeImageTrans(theImage) {
  theImage.style.filter = "alpha(opacity=75)";
  theImage.style.opacity = 0.75;
}

function makeImageNormal(theImage) {
  theImage.style.filter = "alpha(opacity=100)";
  theImage.style.opacity = 1;
}

function selectedStyleProcess(theStyle) {
  switch (theStyle) {
    case "classic":
      theSelectedStyle="classic";
      document.getElementById('styleSelection').value = "classic";
      document.getElementById('style-classic-image').className = "selected";
      document.getElementById('style-contemp-image').className = "unselected";
      document.getElementById('style-mission-image').className = "unselected";
      document.getElementById('sgm-content').style.backgroundImage = "url('Assets/room-background.jpg')";
      document.getElementById('roomSelect-classic').style.display="block";
      document.getElementById('styleSelect').style.display="none";
      
      break;
    case "contemporary":
      theSelectedStyle="contemporary";
      document.getElementById('styleSelection').value = "contemporary";
      document.getElementById('style-classic-image').className = "unselected";
      document.getElementById('style-contemp-image').className = "selected";
      document.getElementById('style-mission-image').className = "unselected";
      document.getElementById('sgm-content').style.backgroundImage = "url('Assets/room-background.jpg')";
      document.getElementById('roomSelect-contemporary').style.display="block";
      document.getElementById('styleSelect').style.display="none";
      
      break;
    case "mission":
      theSelectedStyle="mission"
      document.getElementById('styleSelection').value = "mission";
      document.getElementById('style-classic-image').className = "unselected";
      document.getElementById('style-contemp-image').className = "unselected";
      document.getElementById('style-mission-image').className = "selected";
      document.getElementById('styleSelect').style.display="none";
      document.getElementById('roomSelect-mission').style.display="block";
      document.getElementById('sgm-content').style.backgroundImage = "url('Assets/room-background.jpg')";
      
      break;
  }
}

function backToStyleSelect() {
  document.getElementById('sgm-content').style.backgroundImage = "url('Assets/style-background.jpg')";
  document.getElementById('styleSelect').style.display="block";
  document.getElementById('roomSelect-classic').style.display="none"; 
  document.getElementById('roomSelect-contemporary').style.display="none"; 
  document.getElementById('roomSelect-mission').style.display="none";  
}

function roomSelect(theNewRoom) {
  theSelectedRoom = theNewRoom;
  document.getElementById('roomSelection').value = theNewRoom;
  document.getElementById('sgm-content').style.backgroundImage = "url('Assets/datacollection-bg.jpg')";
  document.getElementById('roomSelect-mission').style.display="none";
  document.getElementById('roomSelect-classic').style.display="none";
  document.getElementById('roomSelect-contemporary').style.display="none";
  document.getElementById('styleSelect').style.display="none";
  document.getElementById('datacollection').style.display="block";
  unselectAllRooms();
  selectCorrectRoom ();
  
}

function backToStyleRoom() {
  document.getElementById('sgm-content').style.backgroundImage = "url('Assets/room-background.jpg')";
  document.getElementById('styleSelect').style.display="none";
  document.getElementById('datacollection').style.display="none";
  switch (theSelectedStyle) {
    case "classic":
      document.getElementById('roomSelect-classic').style.display="block"; 
      document.getElementById('roomSelect-contemporary').style.display="none"; 
      document.getElementById('roomSelect-mission').style.display="none";  
      break;
    case "contemporary":
      document.getElementById('roomSelect-classic').style.display="none"; 
      document.getElementById('roomSelect-contemporary').style.display="block"; 
      document.getElementById('roomSelect-mission').style.display="none";  
      break;
    case "mission":
      document.getElementById('roomSelect-classic').style.display="none"; 
      document.getElementById('roomSelect-contemporary').style.display="none"; 
      document.getElementById('roomSelect-mission').style.display="block";  
      break; 
      
  } 
  
}

function unselectAllRooms() {
  document.getElementById('room-classic-bedroom').className = "unselected";
  document.getElementById('room-classic-kitchen').className = "unselected";
  document.getElementById('room-classic-living').className = "unselected";
  document.getElementById('room-contemporary-bedroom').className = "unselected";
  document.getElementById('room-contemporary-kitchen').className = "unselected";
  document.getElementById('room-contemporary-living').className = "unselected";
  document.getElementById('room-mission-bedroom').className = "unselected";
  document.getElementById('room-mission-kitchen').className = "unselected";
  document.getElementById('room-mission-living').className = "unselected";
}

function selectCorrectRoom () {
  switch (theSelectedRoom) {
    case "bedroom":
      document.getElementById('room-classic-bedroom').className = "selected"; 
      document.getElementById('room-contemporary-bedroom').className = "selected"; 
      document.getElementById('room-mission-bedroom').className = "selected"; 
      break;
    case "kitchen":
      document.getElementById('room-classic-kitchen').className = "selected"; 
      document.getElementById('room-contemporary-kitchen').className = "selected"; 
      document.getElementById('room-mission-kitchen').className = "selected";
      break;
    case "living":
      document.getElementById('room-classic-living').className = "selected"; 
      document.getElementById('room-contemporary-living').className = "selected"; 
      document.getElementById('room-mission-living').className = "selected";
      break; 
  }
}


function setRedirectParams() {
  var firstName = document.getElementById('FirstName').value;
  var lastName = document.getElementById('LastName').value;
  var email = document.getElementById('Email').value;
  var address = document.getElementById('Address').value;
  var city = document.getElementById('City').value;
  var state = document.getElementById('State').value;
  var zip = document.getElementById('Zip').value;
  var theStyle = theSelectedStyle;
  document.getElementById("RedirectQueryParameters").value = "firstName=" + firstName + "&lastName=" + lastName + "&address=" + address + "&city=" + city + "&state=" + state + "&zip=" + zip + "&theStyle=" + theStyle + "&theEmail=" + email;
  document.getElementById("sgm-form").submit;
}

function PageQuery(q) {
  if (q.length > 1) this.q = q.substring(1, q.length);
  else this.q = null;
  this.keyValuePairs = new Array();
  if (q) {
    for (var i = 0; i < this.q.split("&").length; i++) {
      this.keyValuePairs[i] = this.q.split("&")[i];
    }
  }
  this.getKeyValuePairs = function() { return this.keyValuePairs; }
  this.getValue = function(s) {
    for (var j = 0; j < this.keyValuePairs.length; j++) {
      if (this.keyValuePairs[j].split("=")[0] == s)
      return this.keyValuePairs[j].split("=")[1];
    }
    return false;
  }
  this.getParameters = function() {
    var a = new Array(this.getLength());
    for (var j = 0; j < this.keyValuePairs.length; j++) {
      a[j] = this.keyValuePairs[j].split("=")[0];
    }
    return a;
  }
  this.getLength = function() { return this.keyValuePairs.length; }
}
        
function queryString(key) {
  var page = new PageQuery(window.location.search);
  return unescape(page.getValue(key));
}
        
function LoadOptions() {
  LoadFirstName();
  MakeFirstLastName ();
  LoadAddress();
  LoadCity();
  LoadState();
  LoadZip();
  LoadStyle();
  LoadEmail();
}

function LoadFirstName() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("firstName");
  if (val && val != "undefined") {
    var spn = document.getElementById("firstName");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "NAME_ERROR";
  }
}

function LoadLastName() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("lastName");
  if (val && val != "undefined") {
    return val;
  }
  else {
    return "LASTNAME_ERROR";
  }
}

function LoadEmail() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("theEmail");
  if (val && val != "undefined") {
    var spn = document.getElementById("theEmail");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "EMAIL_ERROR";
  }
}

function LoadFirstNameValue() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("firstName");
  if (val && val != "undefined") {
    return val;
  }
  else {
    return "FIRSTNAMEVALUE_ERROR";
  }
}

function MakeFirstLastName () {
  theLastName = LoadLastName();
  theFirstName = LoadFirstNameValue();
  document.getElementById("firstLastName").innerHTML = theFirstName + " " + theLastName;
  
}

function LoadAddress() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("address");
  if (val && val != "undefined") {
    var spn = document.getElementById("address");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "ADDRESS_ERROR";
  }
}

function LoadCity() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("city");
  if (val && val != "undefined") {
    var spn = document.getElementById("city");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "CITY_ERROR";
  }
}

function LoadState() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("state");
  if (val && val != "undefined") {
    var spn = document.getElementById("state");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "STATE_ERROR";
  }
}

function LoadZip() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("zip");
  if (val && val != "undefined") {
    var spn = document.getElementById("zip");
    spn.innerHTML = val;
  }
  else {
    spn.innerHTML = "ZIP_ERROR";
  }
}

function LoadStyle() {
  // we're looking for hard coded querystring values from previous page
  val = queryString("theStyle");
  if (val && val != "undefined") {
    switch (val) {
      case "classic":
        var theStyleMessage = "I'm so glad you selected our classics collection as your preferred style. It is one of my personal favorites as well! We have many options to choose from including French, Chippendale and<br/>Hepplewhite pieces.";
        break;
      case "contemporary":
        var theStyleMessage = "I'm so glad you selected our contemporary collection as your preferred style.<br/>It is one of my personal favorites as well! I've always loved the graceful lines and the timelessness of the design.";
        break;
      case "mission":
        var theStyleMessage = "I'm so glad you selected our mission collection as your preferred style.<br/>It is one of my personal favorites as well! ";
        break;
    }
    var spn = document.getElementById("styleMessage");
    spn.innerHTML = theStyleMessage;
  }
  else {
    spn.innerHTML = "MESSAGE_ERROR";
  }
}

function loadPrepopulatedFields () {
  var theFirstNameValue = document.getElementById("hiddenFirstName").innerHTML;
  var theLastNameValue = document.getElementById("hiddenLastName").innerHTML;

  var theAddressValue = document.getElementById("hiddenAddress").innerHTML;
  var theCityValue = document.getElementById("hiddenCity").innerHTML;
  var theStateValue = document.getElementById("hiddenState").innerHTML;
  var theZipValue = document.getElementById("hiddenZip").innerHTML;
  
  
  
  if (theFirstNameValue != "DefaultFirst") {
      document.getElementById("FirstName").value = theFirstNameValue;
      document.getElementById("LastName").value = theLastNameValue;
      document.getElementById("Address").value = theAddressValue;
      document.getElementById("City").value = theCityValue;
      document.getElementById("State").value = theStateValue;
      document.getElementById("Zip").value = theZipValue;
      document.getElementById("hearAbout").style.display="none";
      
  }
}

function changeEntryPage() {
  var theFirstName=document.getElementById("FirstName").innerHTML.toUpperCase();
  var theUserType=document.getElementById("userType").innerHTML;

  if (theUserType == 1) { 
    document.getElementById('entryPageBackground').style.backgroundImage = "url('Assets/sm-background.jpg')";
    document.getElementById('entryPageLink').style.top = "410px";
    document.getElementById('entryPageHeader').innerHTML = "WELCOME " + theFirstName;
    document.getElementById('entryPageHeader').style.fontSize="45px";
    document.getElementById('entryPageHeader').style.top="20px";
    document.getElementById('entryPageHeader').style.left="20px";
    document.getElementById('entryPageText').style.width="361px";
    document.getElementById('entryPageText').style.top="70px";
    document.getElementById('entryPageText').style.left="40px";
    document.getElementById('entryPageText').innerHTML += "<br/><img src='Assets/front-page-sig.png' style='position:absolute; top:95px; left:150px;'/>";
    document.getElementById('videoButton').style.left="470px";
    document.getElementById('videoButton').style.top="70px";

  }

  if (theUserType == 2) { 
    document.getElementById('entryPageBackground').style.backgroundImage = "url('Assets/sf-background.jpg')";
    document.getElementById('entryPageLink').style.top = "404px";
    document.getElementById('entryPageHeader').innerHTML = "WELCOME " + theFirstName;
    document.getElementById('entryPageHeader').style.fontSize="45px";
    document.getElementById('entryPageHeader').style.top="20px";
    document.getElementById('entryPageHeader').style.left="20px";
    document.getElementById('entryPageText').style.width="361px";
    document.getElementById('entryPageText').style.top="70px";
    document.getElementById('entryPageText').style.left="40px";
    document.getElementById('entryPageText').innerHTML += "<br/><img src='Assets/front-page-sig.png' style='position:absolute; top:95px; left:200px;'/>";
    document.getElementById('videoButton').style.left="40px";
    document.getElementById('videoButton').style.top="300px";
  }
  
  if (theUserType == 3) { 
    document.getElementById('entryPageBackground').style.backgroundImage = "url('Assets/mf-background.jpg')";
    document.getElementById('entryPageLink').style.top = "405px";
    document.getElementById('entryPageHeader').innerHTML = "WELCOME " + theFirstName;
    document.getElementById('entryPageHeader').style.fontSize="45px";
    document.getElementById('entryPageHeader').style.top="15px";
    document.getElementById('entryPageHeader').style.left="150px";
    document.getElementById('entryPageText').style.width="450px";
    document.getElementById('entryPageText').style.top="80px";
    document.getElementById('entryPageText').style.left="250px";
    document.getElementById('entryPageText').innerHTML += "<br/><img src='Assets/front-page-sig.png' style='position:absolute; top:95px; left:0px;'/>";
    document.getElementById('videoButton').style.left="470px";
    document.getElementById('videoButton').style.top="470px";

  }

  if (theUserType == 4) { 
    document.getElementById('entryPageBackground').style.backgroundImage = "url('Assets/en-background.jpg')";
    document.getElementById('entryPageLink').style.top = "410px";
    document.getElementById('entryPageHeader').innerHTML = "WELCOME " + theFirstName;
    document.getElementById('entryPageHeader').style.fontSize="45px";
    document.getElementById('entryPageHeader').style.top="20px";
    document.getElementById('entryPageHeader').style.left="20px";
    document.getElementById('entryPageText').style.width="465px";
    document.getElementById('entryPageText').style.top="70px";
    document.getElementById('entryPageText').style.left="40px";
    document.getElementById('entryPageText').innerHTML += "<br/><img src='Assets/front-page-sig.png' style='position:absolute; top:95px; left:300px;'/>";
    document.getElementById('videoButton').style.top="350px";
  }
  

  
}