/**

 * 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)



})();