function fnCallback(e){ 
         var key =  YAHOO.util.Event.getCharCode(e);
         if ( key == 112 && (e.ctrlKey || e.metaKey)){
             YAHOO.util.Event.preventDefault(e);
            doPreview();
         }
      }
      var body = document.getElementsByTagName("body")[0];
      YAHOO.util.Event.addListener("snml-input","keypress",fnCallback);
      
      function previewSuccess(o){
         var preview = document.getElementById("parsed-markup");
         var rawSource = document.getElementById("raw-source");
         var errors = document.getElementById("preview-errors");
         var title = document.getElementById("title");
         var subtitle = document.getElementById("subtitle");
         var renderTime = document.getElementById("time");
         var json = eval("(" + o.responseText + ")");   
         preview.innerHTML = json.markup;
         rawSource.value = json.markup;
         title.innerHTML = json.title;
         errors.innerHTML = json.error;
         subtitle.innerHTML = json.subtitle;
         renderTime.innerHTML = json.render;
         if ( json.render > json.renderThreshold ) {
            document.getElementById("render-time").style.className = "error";
         } else {
            document.getElementById("render-time").style.className = "";
         }
      }
      
      function previewFailure(o){
         alert("failure: " + o.statusText);
      }
      
      var callback = {
         success: previewSuccess,
         failure:previewFailure,
         argument: []
      }
      
      function doPreview(){
         var form = document.getElementById("preview-form");
         YAHOO.util.Connect.setForm(form);
         var tx = YAHOO.util.Connect.asyncRequest('GET', '/snml/render/',callback);
         return false;
      }
      
  var oldBorder = "1px solid transparent";
  var offBorder = "1px solid transparent";
  
  function toggleBorder(id){
    element = document.getElementById(id);
    currBorder = element.style.border;
    element.style.border = oldBorder;
    oldBorder = currBorder;
  }
  
  function changeSize(id, select){
    var width='100%';
    if (select.value==='Profile') {
      width='375px';    
      document.getElementById('ProfileMemberId').style.visibility="visible";
      document.getElementById('profile-header').style.display = "block";
    } else {
      document.getElementById('ProfileMemberId').style.visibility="hidden";
      document.getElementById('profile-header').style.display = "none";
    } 
    
    if (select.value == 'Main' ){
      document.getElementById("titlebar").style.visibility="visible";
    } else {
      document.getElementById("titlebar").style.visibility="hidden";
    }
    element = document.getElementById(id);
    element.style.width = width;
     element.style.maxWidth= width;
  }
   window.onload = function() {
      changeSize('preview-content',document.getElementById("context"));
   };