// This code was written by Tyler Akins and has been placed in the
// public domain.  It would be nice if you left this header intact.
// Base64 code from Tyler Akins -- http://rumkin.com

// var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

// BE: changed this to make URLs valid
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=";

function encode64(input) {
   var output = "";
   var chr1, chr2, chr3;
   var enc1, enc2, enc3, enc4;
   var i = 0;

   do {
      chr1 = input.charCodeAt(i++);
      chr2 = input.charCodeAt(i++);
      chr3 = input.charCodeAt(i++);

      enc1 = chr1 >> 2;
      enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
      enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
      enc4 = chr3 & 63;

      if (isNaN(chr2)) {
         enc3 = enc4 = 64;
      } else if (isNaN(chr3)) {
         enc4 = 64;
      }

      output = output + keyStr.charAt(enc1) + keyStr.charAt(enc2) + 
         keyStr.charAt(enc3) + keyStr.charAt(enc4);
   } while (i < input.length);
   
   return output;
}

function decode64(input) {
   var output = "";
   var chr1, chr2, chr3;
   var enc1, enc2, enc3, enc4;
   var i = 0;

   // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
   input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

   do {
      enc1 = keyStr.indexOf(input.charAt(i++));
      enc2 = keyStr.indexOf(input.charAt(i++));
      enc3 = keyStr.indexOf(input.charAt(i++));
      enc4 = keyStr.indexOf(input.charAt(i++));

      chr1 = (enc1 << 2) | (enc2 >> 4);
      chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
      chr3 = ((enc3 & 3) << 6) | enc4;

      output = output + String.fromCharCode(chr1);

      if (enc3 != 64) {
         output = output + String.fromCharCode(chr2);
      }
      if (enc4 != 64) {
         output = output + String.fromCharCode(chr3);
      }
   } while (i < input.length);

   return output;
}
;
var EmbroideryPreview = Class.create();

Object.extend(EmbroideryPreview, {
  previews: $A([]),
  setBackgroundColor: function(color) {
    if(!color) 
      return;
    this.previews.each(function(p){p.setBackgroundColor(color)});
  },
  
  setTrimColor: function(color) {
    if(!color) 
      return;
    this.previews.each(function(p){p.setTrim(color)});
  },

  setBackgroundImage: function(color_id) {
	this.previews.each(function(p){p.setBackgroundImage(color_id)})
  },

  clearTrimColor: function() {
    this.previews.each(function(p){p.setTrim(null)});
  },

  clearBackgroundImage: function() {
	this.previews.each(function(p){p.setBackgroundImage(null)});
  },
  
  refresh: function() {
    this.previews[0].refresh();
  }
});

Object.extend(EmbroideryPreview.prototype, {
  initialize: function(options) {
    EmbroideryPreview.previews.push(this);
    this.options = Object.extend({
      color: '000000',
      background_color: 'ffffff',
      background_image_id: null,
      trim: null
    }, options || {});
    
    this.image = $(this.options.image);
    
    this.input_lines = [];
    $A(this.options.lines).each(function(line) {
      var input_line = $(line);
      input_line.preview = this;
      input_line.font_id = this.options.font_id;
      input_line.color = this.options.color;
      new Form.Element.Observer(input_line, 0.5, this.refresh.bind(this));
      this.input_lines.push(input_line);
    }.bind(this));
    
    this.refresh();
  },

  text: function(line) {
    var emptyable = $(line) && $(line).emptyable;
    if(emptyable && emptyable.is_empty())
      return '';
    // UTF-8 encode
    return unescape(encodeURIComponent($F(line)));
  },

  refresh: function() {
    options = {
      lines: $A(this.input_lines).map(function(line){ return {
        text: this.text(line), 
        font: EmbroideryPreview.fonts[line.font_id].base_name, 
        color: '#' + line.color
      }}.bind(this)),
      width: 190,
      font_size: 44,
      background: '#' + this.options.background_color,
      trim: '#' + (this.options.trim || this.options.background_color),
      background_image_id: this.options.background_image_id
    };
    this.image.src = '/embroidery_preview/' + encode64(Object.toJSON(options));
    if (typeof variant_prices_inv != 'undefined') updateVariantInfo(variant_prices_inv);
  },
    
  setBackgroundColor: function(hex) {
    this.options.background_color = hex;
    this.refresh();
  },
  
  setTrim: function(hex) {
    this.options.trim = hex;
    this.refresh();
  },
  
  setBackgroundImage: function(color_id) {
	this.options.background_image_id = color_id;
	this.refresh();
  }  
});