/**
 * Created with JetBrains PhpStorm.
 * User: xuheng
 * Date: 12-8-8
 * Time: 下午2:09
 * To change this template use File | Settings | File Templates.
 */
(function () {
  var me = editor,
    preview = $G('preview'),
    preitem = $G('preitem'),
    tmps = templates,
    currentTmp;
  var initPre = function () {
    var str = '';
    for (var i = 0, tmp; (tmp = tmps[i++]); ) {
      str +=
        '<div class="preitem" onclick="pre(' +
        i +
        ')"><img src="' +
        'images/' +
        tmp.pre +
        '" ' +
        (tmp.title ? 'alt=' + tmp.title + ' title=' + tmp.title + '' : '') +
        '></div>';
    }
    preitem.innerHTML = str;
  };
  var pre = function (n) {
    var tmp = tmps[n - 1];
    currentTmp = tmp;
    clearItem();
    domUtils.setStyles(preitem.childNodes[n - 1], {
      'background-color': 'lemonChiffon',
      border: '#ccc 1px solid',
    });
    preview.innerHTML = tmp.preHtml ? tmp.preHtml : '';
  };
  var clearItem = function () {
    var items = preitem.children;
    for (var i = 0, item; (item = items[i++]); ) {
      domUtils.setStyles(item, {
        'background-color': '',
        border: 'white 1px solid',
      });
    }
  };
  dialog.onok = function () {
    if (!$G('issave').checked) {
      me.execCommand('cleardoc');
    }
    var obj = {
      html: currentTmp && currentTmp.html,
    };
    me.execCommand('template', obj);
  };
  initPre();
  window.pre = pre;
  pre(2);
})();