var id = "";
var globalId = "information_request";
var globalSubId = "";
var disableValidation = false;

// If there is enough W3C DOM support for all our show/hide behavior:
// 1. Call the stylesheet that by default hides all toggleable sections
// 2. Apply the show/hide behavior by calling the initialization function
if (document.getElementById && document.getElementsByTagName && document.createTextNode) {
   document.write('<link rel="stylesheet" type="text/css" href="../css/contact.css" />');
}


function initShowHide() {
   // Hide all toggleable sections with JavaScript for the highly improbable case that CSS is disabled
   // Note that in this case the 'flash of visible content' still will occur
   // For testing purposes you can add the following code to disable CSS: document.getElementsByTagName('link')[0].disabled = true;
   hide();
   var toggle = document.getElementById('toggle');
   if( toggle != null )
   {
      var as = toggle.getElementsByTagName('a');
      for (var i = 0; i < as.length; i++)
         as[i].onclick = function() {
            show(this);
            return false;
         }
   }


   // see if there's a query string in the URL
   if (location.href.indexOf('?') != -1) { // if there is, set appropriate ID
      var fromURL = location.href.split('?');
      if (fromURL[1] == "contact") id = "information_request";
      else if (fromURL[1] == "representation") id = "website_representation";
      else if (fromURL[1] == "alerts") id = "alerts";
   }
   else id = "information_request"; // if not, default to this
   globalId = id;
   if (id != "alerts") {
      if (id == null || id == "" ) id = "information_request";
      if( document.getElementById(id) != null )
      {
         document.getElementById(id).style.display = 'block';
         document.getElementById(id+"_link").style.backgroundPosition = '0 -37px';
         var subdiv = document.getElementById(id).getElementsByTagName('div');
         for (var i = 0; i < subdiv.length; i++) // turn on sub divs within
            subdiv[i].style.display = 'block';
      }
   }

   // uncheck & enable elements on reload
   var box = document.contactform.elements;
   for (var i=0;i<box.length;i++) {
      box[i].disabled = false;
      box[i].checked = false;
   }
}

function show(s,obj) {
   var id;
   if (typeof(s) != "object") { // if it's part of the 'area of interest' section

      if ( obj.id == "interest_ad_management" && (obj.checked) ) {
         s = s.split(","); // get the values and separate into an array
         for (var i=0; i<s.length; i++) {
            if (document.getElementById(s[i]).style.display == 'block') document.getElementById(s[i]).style.display = 'none'; // if element is on, turn it off
            else document.getElementById(s[i]).style.display = 'block'; // if element is off, turn it on
         }
      }
      else {
         s = s.split(","); // get the values and separate into an array
         for (var i=0; i<s.length; i++) {
            document.getElementById(s[i]).style.display = 'none';
         }
      }

      var a = document.contactform.interest_ad_management;
      var s = document.contactform.interest_search_marketing;
      var d = document.contactform.interest_digital_media;
      var e = document.contactform.interest_email_marketing;

      if (obj.id == "interest_digital_media") {
         if (d.checked) document.getElementById('wrap_ad_budget').style.display = 'block';
         else document.getElementById('wrap_ad_budget').style.display = 'none';
      }

    }
   else { // if it's one of the main three sections
       hide();
          id = s.href.match(/#(\w.+)/)[1];
          globalId = id;
          var subdiv = document.getElementById(id).getElementsByTagName('div');
        for (var i = 0; i < subdiv.length; i++) { // turn on sub divs within
            subdiv[i].style.display = 'block';
        }
        if (id == "resume_submission") {
            document.contactform.select_affiliation.selectedIndex = 1;
            document.contactform.select_role.selectedIndex = 1;
        }
        else {
            document.contactform.select_affiliation.selectedIndex = 0;
            document.contactform.select_role.selectedIndex = 0;
        }
        document.getElementById(id).style.display = 'block';
        document.getElementById(id+"_link").style.backgroundPosition = '0 -37px';
   }
}

function hide() {
   var toggleable = document.getElementById('toggleable');
   if( toggleable != null )
   {
      toggleable = toggleable.getElementsByTagName('div');
      for (var i = 0; i < toggleable.length; i++)
         toggleable[i].style.display = 'none';
   }
   var navLinks = document.getElementById('toggle');
   if( navLinks != null )
   {
      navLinks = navLinks.getElementsByTagName('a');
      for (var i = 0; i < navLinks.length; i++)
         navLinks[i].style.backgroundPosition = '0 0';
      //navLinks[i].onmouseover.backgroundPosition = '0 -37px';
   }
}

function disable(obj) {
   disableValidation = true;
   var elements = document.contactform.elements;
   for (var i = 0; i < elements.length; i++) {
      if (elements[i].name == obj) elements[i].disabled = true;
   }
   document.getElementById('area_interest_title').innerHTML = "Your area of interest";
}

function enable(obj) {
   disableValidation = false;
   var elements = document.contactform.elements;
   for (var i = 0; i < elements.length; i++) {
      if (elements[i].name == obj) elements[i].disabled = false;
   }
   document.getElementById('area_interest_title').innerHTML = "Your area of interest *";
}

function getAlerts() {
   document.contactform.reset();
   var elements = document.contactform.elements;
   for (var i = 0; i < elements.length; i++) {
      if (elements[i].id == "text_affiliation") document.getElementById("select_affiliation").style.color = "#000";
      else if (elements[i].id == "text_role") document.getElementById("select_role").style.color = "#000";
      if (document.getElementById(elements[i].id + "_err")) document.getElementById(elements[i].id + "_err").style.color = "#000";
      if (document.getElementById(elements[i].id + "_err_msg")) document.getElementById(elements[i].id + "_err_msg").innerHTML = "";
      document.getElementById("errmsg").innerHTML = "";
   }
   hide();
   globalId = "alerts";
 }

function toggleStateProvince(countryvar,onload) {
   if (onload) document.getElementById("state_province_dom").innerHTML = "<select name='state' id='state_province'><option value=''>Select</option></select>";
   if (countryvar == "United States" || countryvar == "United Kingdom" || countryvar == "Australia" || countryvar == "Canada" || countryvar == "South Korea") {
      document.forms["contactform"]["state"].disabled = false;
      var option_html = "<select name='state' id='state_province'><option value=''>Select</option>";
      for (i = 0; i < state_province_hash[countryvar].length; i++) {
         option_html += "<option value='" + state_province_hash[countryvar][i][0] + "'>" + state_province_hash[countryvar][i][1];
      }
      option_html += "</select>";
      document.getElementById("state_province_dom").innerHTML = option_html;
   }
   else document.forms["contactform"]["state"].disabled = true;
}