/* Converts a query string into an object. 
 * example input:  ?src=agency
 * results: { src: "agency" }
 */
function parseQuery(str) {
  //Remove '?' from beginning.
  str = str.substring(1) 
  //split the string into key value pairs
  var pairs = str.split("&")
  //convert them into an object
  return pairs.reduce(function(map, pair) {
      console.log(pair)
      var kv = pair.split("=")
      var key = kv[0]
      var value = kv[1]
      map[key] = value
      return map
  },{})
}

//This function will change certain keywords on the page
function updatePlurals(text) {
  var targets = document.querySelectorAll(".target-plural"); 
  for(var i = 0; i < targets.length; i++) {
    targets[i].innerText = text;  
  }
}

//How to get the data from the browser for real:
var query = window.location.search
//Since this is a codepen, we'll have to mock it out. Change this string to change the page.
query = "?src=agency&subscriber=1"
var profile = parseQuery(query)

//Don't bug current subscribers with an email form. 
if(profile.subscriber) {
  document.querySelector(".course-opt-in").style.display = "none"
}

//Personalize the headline
switch(profile.src) {
  case "agency":
    updatePlurals("agencies")
    break
  case "freelancer":
    updatePlurals("freelancers")
    break
   case "startup":
   default:
    updatePlurals("startups")
    break   
}