var OriconParts = {
  colorId : 'partColor',
  amazonId : 'amazon',
  tagViewId : 'tagView',
  resultId : 'resultView',
  domain : location.protocol + '//' + location.host,
  _generate : function() {
    var color = document.getElementById(this.colorId).value;
    color = (color) ? this.escapeValue(color.replace(/#/,'')) : 'FFFFFF';
    var amazon = this.escapeValue(document.getElementById(this.amazonId).value);
    return  [
      '<script type="text/javascript" charset="UTF-8" ',
      'class="oriconSnippetScript" ',
      'src="' + this.domain + '/blog/tagform/lib/snippet.js?',
      'color=' + color + '&',
      'amazon=' + amazon + '"',
      '></script>'
    ].join('');
  },
  generateTag : function() {
    var target = document.getElementById(this.tagViewId);
    target.value = this._generate();
  },
  escapeValue : function(arg) {
    return arg.replace(/\\/g,'\\\\').replace(/"/g,'\\"');
  },
  reflect : function() {
    var snippet = new OriconSnippet();
    snippet.color = document.getElementById(this.colorId).value;
    snippet.color = (snippet.color) ? this.escapeValue(snippet.color.replace(/#/,'')) : 'FFFFFF';
    snippet.amazon = document.getElementById(this.amazonId).value;
    snippet.id = 'oriconSite';
    snippet.host = this.domain;
    var target = document.getElementById(this.resultId);
    target.innerHTML = snippet.getTag();
  }
};