function getXmlRequest()
{
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
  return xmlhttp;
}

function updatePreview(rows)
{
  var text = "";
  var font = 0;
  var size = 0;
  var file = "";
  var bold = "";
  var italic = "";
  var align = "";
  var color = "";
  var session = "";
    
  var url = "/tmpl_manuscript_view.phtml?";
  
  if(document.getElementById('fileextension') != null && document.getElementById('fileextension').value != '')
  {
    size = document.getElementById('sizeImg').value;
    var filename = document.getElementById('filename').value;
    var fileextension = document.getElementById('fileextension').value;    
    var rowsInclImg = rows+1;
    params = "length="+rowsInclImg+"&file="+filename+"&fileextension="+fileextension+"&sizeImg="+size;
  }
  else
  {
    params = "length="+rows;  
  }
  
  for (i=1; i<=rows; i++)
  {
    if(document.getElementById('rowText'+i) != null && document.getElementById('rowText'+i).style.display == '')
    {
      text    = document.getElementById('text'+i).value;
      font    = document.getElementById('font'+i).value;
      size    = document.getElementById('size'+i).value;
      
      bold = "";
      italic = "";
      
      if(document.getElementById('bold'+i).checked == true)
      {
        bold = "on";
      }
      
      if(document.getElementById('italic'+i).checked == true)
      {
        italic = "on";
      }
      
      params += "&text"+i+"="+text+"&font"+i+"="+font+"&size"+i+"="+size+"&bold"+i+"="+bold+"&italic"+i+"="+italic;
    }
  }
  
  if(document.getElementById('align_hidden') != null)
  {
    align = document.getElementById('align_hidden').value;
  }
  else
  {
    var arrAlign = document.getElementsByName('align');
      
    for(var i=0; i<arrAlign.length; i++)
    {
      if(arrAlign[i].checked)
      {
        align = arrAlign[i].value;
      }
    }
  }
  
  var color = document.getElementById('color').value;
  
  params += "&align="+align+"&color="+color;
  //alert(url+params);
  document.getElementById('manuscript_view').src = url+params;
  document.getElementById('manuscript_view').style.border = "solid 1px black";
 
}