// used tutorial here: http://www.w3schools.com/howto/howto_js_dropdown.asp

// when the user clicks the button for the dropdown menu to appear/disappear
function dropit(){
  document.getElementById("dropOptions").classList.toggle("show");
}

// close the dropdown menu if the user clicks outside it
window.onclick = function(e){
  if(!e.target.matches('.dropdownButton')){
    var items = document.getElementsByClassName("dropdown-content");
    for(i=0;i<items.length;i++){
      var openDropdown = items[i];
      if(openDropdown.classList.contains('show')){
        openDropdown.classList.remove('show');
      }
    }
  }
}

// I'm thinking we put the translations here so that we can use .innerHTML

// Title of the SDS
var sdsTitleEnglish = "Remix-a-thon!";
var sdsTitleFrench;
var sdsTitleSpanish;
var sdsTitleGerman;
// Part of the description that changes from SDS to SDS
var sdsDescriptionEnglish;
var sdsDescriptionFrench;
var sdsDescriptionSpanish;
var sdsDescriptionGerman;
// Part of the description that is copy/pasted from SDS to SDS
var sdsDescriptionEnglish2;
var sdsDescriptionFrench2;
var sdsDescriptionSpanish2;
var sdsDescriptionGerman2;

// when the user selects an option from the dropdown menu
function languageSelect(l){
  document.getElementById('dropButton').innerHTML = l + " ▼"; // set the button text to the selected option
}

@@ -703,128 +703,8 @@
 ML%0A%0A
-// Title of the SDS%0Avar sdsTitleEnglish = %22Remix-a-thon!%22;%0Avar sdsTitleFrench;%0Avar sdsTitleSpanish;%0Avar sdsTitleGerman;%0A
 // P

remove titles