// This script inserts the widget
dynamicLoader("simple.css", "css"); ////widget styles
dynamicLoader("wrappers.js", "js"); ////widget styles
dynamicLoader("http://thne.ws/markdown/wmd/wmd.js", "js");

openWrapper();
closeWrapper();


function openWrapper(){
dw('<form>');
dw('<textarea id="myTextarea" style="width: 500px; height: 200px;">*This* is a minimal example.</textarea>');
dw('</form>');
dw('<div class="wmd-preview"></div>');
}

function closeWrapper(){
this.document.write('----');
}


// Shorthand for convenience

function dw(w){this.document.write(w);}

// Dynamic Loader

function dynamicLoader(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}