var EB_globalVars = new Object();
EB_globalVars.templateData = new Array();
EB_globalVars.templateData = new Array();

function EB_buildPage(pageName,options){
    $('middle').appendChild(Builder.node('div',{id:'eBuilder'}));
    EB_addToPage( Builder.node('h1',{className: 'standard'}, 'Email Builder Template Demo') );


    getRemoteValue('demo',
		   'emailbuilder',
		   '',
		   EB_processData );
}
function EB_processData(retObj){
    EB_globalVars.templateData = retObj.response.value.evalJSON();
    EB_globalVars.templateOptions = retObj.response.options;
    // observe for when template javascript page has loaded
    document.observe('emailbuilder:templateJSLoaded',EB_processData_final);

    // original email builder template
    var templateScript = '/js/eb_template.js'; 
    if(EB_globalVars.templateData[0].version)
	templateScript = '/js/eb_template_'+EB_globalVars.templateData[0].version+'.js';

    loadScriptFile( templateScript );
}
function EB_processData_final(){
    document.stopObserving('emailbuilder:templateJSLoaded');
    var buttons = Builder.node('div', 
			       [ Builder.node( 'input', { type: 'button', value: 'Quit Demo', onClick: "location.href='/info/emailbuilder/'"} ) ]  );
    EB_addToPage( eBuilderTemplate.getScaffold( buttons ) );

    eBuilderTemplate.loadTemplateData( EB_globalVars.templateData, EB_globalVars.templateOptions );
}

function EB_addToPage( element ){
    $('eBuilder').appendChild( element );
}

document.observe('dom:loaded',EB_buildPage);