CodeCharge的多語系

<script type="text/javascript">
function insertParam(key, value) {
        key = escape(key); value = escape(value);
        var kvp = document.location.search.substr(1).split('&');
        if (kvp == '') {
            document.location.search = '?' + key + '=' + value;
        }
        else {
            var i = kvp.length; var x; while (i--) {
                x = kvp[i].split('=');
                if (x[0] == key) {
                    x[1] = value;
                    kvp[i] = x.join('=');
                    break;
                }
            }
            if (i < 0) { kvp[kvp.length] = [key, value].join('='); }
            //this will reload the page, it's likely better to store this until finished
            document.location.search = kvp.join('&');
        }
    }
</script>

<div class="top-bar">
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-xs-4">
        <div class="top-number">
          <p><i class="fa fa-phone-square"></i> {res:CallServiceLine} 0800 628 659</p>

        </div>

      </div>

      <div class="col-sm-6 col-xs-8">
        <div class="social">
          <ul class="social-share">
          <li><div onclick="insertParam('locale','zh-TW')">
            <a href="#"><img src="images/flags/flag_taiwan.png" height="25" width="25"></a>
            </div>
          </li>
            <li><div onclick="insertParam('locale','zh-CN')">
            <a href="#"><img src="images/flags/flag_china.png" height="25" width="25"></a>
            </div>
            </li>
            <li><div onclick="insertParam('locale','en')">
            <a href="#"><img src="images/flags/flag_usa.png" height="25" width="25"></a></div></li>

            <li><div onclick="insertParam('locale','en')">
            <a href="#"><img src="images/flags/flag_philippines.png" height="25" width="25"></a></div></li>

            <li><div onclick="insertParam('locale','en')">
            <a href="#"><img src="images/flags/flag_thailand.png" height="25" width="25"></a></div></li>

            <li class="divider"></li>

            <li><a href="https://www.facebook.com/richeverlight" target="_blank"><i class="fa fa-facebook"></i></a></li>

            <li><a href="https://plus.google.com/101449003530296505676/" rel="publisher" target="_blank"><i class="fa fa-google-plus"></i></a></li>

          </ul>

          <div class="search">
            <form role="form">
              <input type="text" class="search-form" autocomplete="off" placeholder="Search"><i class="fa fa-search"></i>
            </form>

          </div>

        </div>

      </div>

    </div>

  </div>

  <!--/.container-->
</div>
<!--/.top-bar-->