/*
 * Copyright © 2007 Manfred Stienstra <manfred@fngtps.com>, Fingertips
 *
 * The $ function is borrowed from the Prototype JavaScript framework.
 * Copyright © 2005 Sam Stephenson <sam@conio.net>
 */


// Element finding helper
function $() {
  var results = [], element;
  for (var i = 0; i < arguments.length; i++) {
    element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    results.push(element);
  }
  return results.length < 2 ? results[0] : results;
}

// Class for managing the language options in a form
var SignupLocation = {
  languages: [["Arabic", "ar"], ["German", "de"], ["English", "en"], ["Spanish", "es"], ["French", "fr"], ["Greek", "gre"], ["Italian", "it"], ["Dutch", "nl"], ["Polish", "pl"], ["Portuguese", "pt"], ["Russian", "ru"]],
  signupLanguageRestrictions: {mx: [["Spanish", "es"], ["English", "en"]], lb: [["Arabic", "ar"], ["English", "en"]], it: [["Italian", "it"], ["English", "en"]], gr: [["Greek", "gre"], ["English", "en"]], dz: [["Arabic", "ar"], ["English", "en"]], ye: [["Arabic", "ar"], ["English", "en"]], kw: [["Arabic", "ar"], ["English", "en"]], de: [["German", "de"], ["English", "en"]], fr: [["French", "fr"], ["English", "en"]], mo: [["Arabic", "ar"], ["English", "en"]], ly: [["Arabic", "ar"], ["English", "en"]], eg: [["Arabic", "ar"], ["English", "en"]], km: [["Arabic", "ar"], ["English", "en"]], es: [["Spanish", "es"], ["English", "en"]], sa: [["Arabic", "ar"], ["English", "en"]], ru: [["Russian", "ru"], ["English", "en"]], ps: [["Arabic", "ar"], ["English", "en"]], be: [["Dutch", "nl"], ["French", "fr"], ["English", "en"]], ae: [["Arabic", "ar"], ["English", "en"]], tn: [["Arabic", "ar"], ["English", "en"]], ch: [["German", "de"], ["French", "fr"], ["English", "en"]], mr: [["Arabic", "ar"], ["English", "en"]], jo: [["Arabic", "ar"], ["English", "en"]], br: [["Portuguese", "pt"], ["English", "en"]], sy: [["Arabic", "ar"], ["English", "en"]], sd: [["Arabic", "ar"], ["English", "en"]], pl: [["Polish", "pl"], ["English", "en"]], dj: [["Arabic", "ar"], ["English", "en"]], bh: [["Arabic", "ar"], ["English", "en"]], ar: [["Spanish", "es"], ["English", "en"]], om: [["Arabic", "ar"], ["English", "en"]], nl: [["Dutch", "nl"], ["English", "en"]], iq: [["Arabic", "ar"], ["English", "en"]], at: [["German", "de"], ["English", "en"]], lu: [["French", "fr"], ["English", "en"]], cl: [["Spanish", "es"], ["English", "en"]]},
  
  updateLanguageOptionsFor: function(countryElement, languageElement) {
    if ($(countryElement).value) {
      var newLanguages = this.signupLanguageRestrictions[$(countryElement).value];
      if (newLanguages) {
        this.resetOptionsTo(languageElement, newLanguages);
      } else {
        this.resetOptionsTo(languageElement, [['English', 'en']]);
      }
    } else {
      this.resetOptionsTo(languageElement, this.languages);
    }
  },
  
  resetOptionsTo: function(languageElement, newLanguages) {
    var selected = $(languageElement).value;
    $(languageElement).options.length = 0;
    $(languageElement).options[0] = new Option('', '');
    for (var i = 0; i < newLanguages.length; i++) {
      var option = new Option(newLanguages[i][0], newLanguages[i][1]);
      if (selected == newLanguages[i][1]) {
        option.selected = true;
      }
      $(languageElement).options[i+1] = option;
    }
  }
};

/*
 * Copyright © 2007 Manfred Stienstra <manfred@fngtps.com>, Fingertips
 *
 */
var Embed = {
  embedCSS: function(url) {
    var head = document.getElementsByTagName('head')[0];
    var style = document.createElement('link');
    style.type = 'text/css';
    style.rel = 'stylesheet';
    style.href = url;
    head.appendChild(style);
  },
  
  embedHTML: function(html) {
    var embed = document.getElementById('rhubarb');
    if (embed != null) {
      embed.innerHTML = html;
    } else {
      document.write("<div id=\"rhubarb\">");
      document.write(html);
      document.write("</div>");
    }
  }
}

Embed.embedCSS("http://write-a-letter.greenpeace.org/stylesheets/public.css");
Embed.embedCSS("http://write-a-letter.greenpeace.org/674/inline_stylesheet.css");
Embed.embedHTML("<h1>&#1053;&#1072;&#1087;&#1080;&#1096;&#1080; &#1087;&#1080;&#1089;&#1100;&#1084;&#1086; &#1075;&#1091;&#1073;&#1077;&#1088;&#1085;&#1072;&#1090;&#1086;&#1088;&#1091;!</h1>\n\n<p><br>&#1050;&#1086;&#1083;&#1080;&#1095;&#1077;&#1089;&#1090;&#1074;&#1086; &#1086;&#1090;&#1086;&#1089;&#1083;&#1072;&#1085;&#1085;&#1099;&#1093; &#1089;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1081;: 532 </p>\n\n<script type=\"text/javascript\">try{urchinTracker('/outbound/#{CGI::escape(@appeal.title)}');}catch(e){};</script>\n\n<form action=\"http://write-a-letter.greenpeace.org/674/messages\" method=\"post\" onsubmit=\"try{urchinTracker('/outbound/%D0%9D%D0%B0%D0%BF%D0%B8%D1%88%D0%B8+%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%BE+%D0%B3%D1%83%D0%B1%D0%B5%D1%80%D0%BD%D0%B0%D1%82%D0%BE%D1%80%D1%83%21');}catch(e){};return true;\">\n    <fieldset>\n    <div>\n      <div><label for=\"message_name\">&#1042;&#1072;&#1096;&#1077; &#1080;&#1084;&#1103; (Your name)</label></div>\n      <input class=\"text small\" id=\"message_name\" maxlength=\"100\" name=\"message[name]\" size=\"40\" type=\"text\" />\n    </div>\n    \n    <div>\n      <div><label for=\"message_email\">&#1042;&#1072;&#1096; email &#1072;&#1076;&#1088;&#1077;&#1089; (Your email address)</label></div>\n      <input class=\"text small\" id=\"message_email\" maxlength=\"100\" name=\"message[email]\" size=\"40\" type=\"text\" />\n    </div>\n    \n    <div>\n      <div><label for=\"message_subject\">&#1058;&#1077;&#1084;&#1072; (Subject)</label></div>\n      \n        <input class=\"text\" id=\"message_subject\" maxlength=\"200\" name=\"message[subject]\" size=\"60\" type=\"text\" value=\"&#1046;&#1072;&#1083;&#1086;&#1073;&#1072; &#1085;&#1072; &#1086;&#1088;&#1075;&#1072;&#1085;&#1080;&#1079;&#1072;&#1094;&#1080;&#1102; &#1088;&#1072;&#1079;&#1076;&#1077;&#1083;&#1100;&#1085;&#1086;&#1075;&#1086; &#1089;&#1073;&#1086;&#1088;&#1072; &#1084;&#1091;&#1089;&#1086;&#1088;&#1072;\" />\n      \n    </div>\n    \n    <div>\n      <div><label for=\"message_body\">&#1057;&#1086;&#1086;&#1073;&#1097;&#1077;&#1085;&#1080;&#1077; (Message)</label></div>\n      \n        <textarea cols=\"60\" id=\"message_body\" name=\"message[body]\" rows=\"15\">&#1059;&#1074;&#1072;&#1078;&#1072;&#1077;&#1084;&#1072;&#1103; &#1042;&#1072;&#1083;&#1077;&#1085;&#1090;&#1080;&#1085;&#1072; &#1048;&#1074;&#1072;&#1085;&#1086;&#1074;&#1085;&#1072;!\n\n&#1053;&#1072; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088;&#1085;&#1086;&#1081; &#1087;&#1083;&#1086;&#1097;&#1072;&#1076;&#1082;&#1077; &#1087;&#1086; &#1072;&#1076;&#1088;&#1077;&#1089;&#1091;:__________________\n\n&#1053;&#1077; &#1089;&#1086;&#1073;&#1083;&#1102;&#1076;&#1072;&#1102;&#1090;&#1089;&#1103; &#1087;&#1088;&#1072;&#1074;&#1080;&#1083;&#1072; &#1089;&#1077;&#1083;&#1077;&#1082;&#1090;&#1080;&#1074;&#1085;&#1086;&#1075;&#1086; &#1089;&#1073;&#1086;&#1088;&#1072; &#1086;&#1090;&#1093;&#1086;&#1076;&#1086;&#1074;: \n\n&#8226; &#1082; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088;&#1072;&#1084; &#1076;&#1083;&#1103; &#1089;&#1077;&#1083;&#1077;&#1082;&#1090;&#1080;&#1074;&#1085;&#1086;&#1075;&#1086; &#1089;&#1073;&#1086;&#1088;&#1072; &#1086;&#1090;&#1093;&#1086;&#1076;&#1086;&#1074; &#1085;&#1077;&#1074;&#1086;&#1079;&#1084;&#1086;&#1078;&#1085;&#1086; &#1087;&#1086;&#1076;&#1086;&#1081;&#1090;&#1080;;\n&#8226; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088; &#1088;&#1072;&#1079;&#1074;&#1105;&#1088;&#1085;&#1091;&#1090; &#1087;&#1088;&#1080;&#1105;&#1084;&#1085;&#1099;&#1084;&#1080; &#1086;&#1082;&#1085;&#1072;&#1084;&#1080; &#1082; &#1089;&#1090;&#1077;&#1085;&#1077;;\n&#8226; &#1082;&#1088;&#1099;&#1096;&#1082;&#1080; &#1086;&#1090;&#1089;&#1091;&#1090;&#1089;&#1090;&#1074;&#1091;&#1102;&#1090;;\n&#8226; &#1082;&#1088;&#1099;&#1096;&#1082;&#1080; &#1085;&#1077;&#1080;&#1089;&#1087;&#1088;&#1072;&#1074;&#1085;&#1099;;\n&#8226; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088; &#1075;&#1086;&#1088;&#1077;&#1083;;\n&#8226; &#1085;&#1072;&#1076;&#1087;&#1080;&#1089;&#1080; &#1085;&#1072; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088;&#1072;&#1093; &#1086;&#1090;&#1089;&#1091;&#1090;&#1089;&#1090;&#1074;&#1091;&#1102;&#1090; &#1080;&#1083;&#1080; &#1085;&#1077; &#1074;&#1080;&#1076;&#1085;&#1099;;\n&#8226; &#1086;&#1090;&#1089;&#1091;&#1090;&#1089;&#1090;&#1074;&#1091;&#1102;&#1090; &#1072;&#1075;&#1080;&#1090;&#1072;&#1094;&#1080;&#1086;&#1085;&#1085;&#1099;&#1077; &#1084;&#1072;&#1090;&#1077;&#1088;&#1080;&#1072;&#1083;&#1099; &#1085;&#1072; &#1087;&#1083;&#1086;&#1097;&#1072;&#1076;&#1082;&#1077;;\n&#8226; &#1082;&#1086;&#1085;&#1090;&#1077;&#1081;&#1085;&#1077;&#1088;&#1099; &#1087;&#1077;&#1088;&#1077;&#1087;&#1086;&#1083;&#1085;&#1077;&#1085;&#1099;;\n&#8226; &#1076;&#1088;&#1091;&#1075;&#1086;&#1077;:___________________________________\n\n&#1055;&#1088;&#1086;&#1096;&#1091; &#1087;&#1088;&#1080;&#1085;&#1103;&#1090;&#1100; &#1084;&#1077;&#1088;&#1099; &#1076;&#1083;&#1103; &#1080;&#1089;&#1087;&#1088;&#1072;&#1074;&#1083;&#1077;&#1085;&#1080;&#1103; &#1076;&#1086;&#1087;&#1091;&#1097;&#1077;&#1085;&#1085;&#1099;&#1093; &#1085;&#1072;&#1088;&#1091;&#1096;&#1077;&#1085;&#1080;&#1081;.\n&#1040;&#1076;&#1088;&#1077;&#1089; &#1076;&#1083;&#1103; &#1086;&#1090;&#1074;&#1077;&#1090;&#1072;:__________________________\n&#1058;&#1077;&#1083;&#1077;&#1092;&#1086;&#1085;:__________________________________\n&#1069;&#1083;&#1077;&#1082;&#1090;&#1088;&#1086;&#1085;&#1085;&#1099;&#1081; &#1072;&#1076;&#1088;&#1077;&#1089;:_________________________\n&#1057; &#1091;&#1074;&#1072;&#1078;&#1077;&#1085;&#1080;&#1077;&#1084;, &#1060;&#1040;&#1052;&#1048;&#1051;&#1048;&#1071; &#1048;.&#1054;.</textarea>\n      \n    </div>\n    \n      </fieldset>\n  \n  <div class=\"submit\">\n    <input name=\"commit\" type=\"submit\" value=\"&#1044;&#1072;&#1083;&#1077;&#1077; / Next\" />\n  </div>\n</form>\n");