// Image properties
function SpawImagePropDialog()
{
}
SpawImagePropDialog.init = function() 
{
  var iProps = spawArguments;
  if (iProps)
  {
    // set attribute values
    if (iProps.width) {
      var wd = iProps.width;
      if (isNaN(wd) && wd.indexOf("px") != -1)
        wd = wd.substring(0, wd.length-2);
      document.getElementById('cwidth').value = wd;
    }
    if (iProps.height) {
      var ht = iProps.height;
      if (isNaN(ht) && ht.indexOf("px") != -1)
        ht = ht.substring(0, ht.length-2);
      document.getElementById('cheight').value = ht;
    }
    if (iProps.src) {
      document.getElementById('csrc').value = spawEditor.getStrippedAbsoluteUrl(iProps.src, true);
    }
    
    SpawImagePropDialog.setAlign(iProps.align);
    
    if (iProps.alt) {
      document.getElementById('calt').value = iProps.alt;
    }
    if (iProps.border) {
      document.getElementById('cborder').value = iProps.border;
    }
    if (iProps.hspace && iProps.hspace>-1) {
      document.getElementById('chspace').value = iProps.hspace;
    }
    if (iProps.vspace && iProps.vspace>-1) {
      document.getElementById('cvspace').value = iProps.vspace;
    }
  }
  SpawDialog.resizeDialogToContent();
}

SpawImagePropDialog.validateParams = function()
{
  // check width and height
  if (isNaN(parseInt(document.getElementById('cwidth').value)) && document.getElementById('cwidth').value != '')
  {
    alert(spawErrorMessages['error_width_nan']);
    document.getElementById('cwidth').focus();
    return false;
  }
  if (isNaN(parseInt(document.getElementById('cheight').value)) && document.getElementById('cheight').value != '')
  {
    alert(spawErrorMessages['error_height_nan']);
    document.getElementById('cheight').focus();
    return false;
  }
  if (isNaN(parseInt(document.getElementById('cborder').value)) && document.getElementById('cborder').value != '')
  {
    alert(spawErrorMessages['error_border_nan']);
    document.getElementById('cborder').focus();
    return false;
  }
  if (isNaN(parseInt(document.getElementById('chspace').value)) && document.getElementById('chspace').value != '')
  {
    alert(spawErrorMessages['error_hspace_nan']);
    document.getElementById('chspace').focus();
    return false;
  }
  if (isNaN(parseInt(document.getElementById('cvspace').value)) && document.getElementById('cvspace').value != '')
  {
    alert(spawErrorMessages['error_vspace_nan']);
    document.getElementById('cvspace').focus();
    return false;
  }
  
  return true;
}

SpawImagePropDialog.imageBrowseClick = function() 
{
  SpawEngine.openDialog('spawfm', 'spawfm', spawEditor, document.getElementById('csrc').value, 'type=images', 'SpawImagePropDialog.imageBrowseClickCallback', null, null);
}
SpawImagePropDialog.imageBrowseClickCallback = function(editor, result, tbi, sender)
{
  document.getElementById('csrc').value = result;
}

SpawImagePropDialog.okClick = function() {
  // validate paramters
  if (SpawImagePropDialog.validateParams())    
  {
    var pdoc = spawEditor.getActivePageDoc();
    var iProps = spawArguments;
    if (iProps == null)
      iProps = pdoc.createElement("img");
    iProps.align = (document.getElementById('calign').value)?(document.getElementById('calign').value):'';
    if (!iProps.align || iProps.align == '')
      iProps.removeAttribute("align"); 
    iProps.width = (document.getElementById('cwidth').value)?(document.getElementById('cwidth').value):'';
    if (!iProps.width || iProps.width == '')
      iProps.removeAttribute("width"); 
    iProps.height = (document.getElementById('cheight').value)?(document.getElementById('cheight').value):'';
    if (!iProps.height || iProps.height == '')
      iProps.removeAttribute("height"); 
    iProps.border = (document.getElementById('cborder').value)?(document.getElementById('cborder').value):'';
    if (!iProps.border || iProps.border == '')
      iProps.removeAttribute("border"); 
    iProps.src = (document.getElementById('csrc').value)?(document.getElementById('csrc').value):'';
    if (!iProps.src || iProps.src == '')
      iProps.removeAttribute("src"); 
    iProps.alt = (document.getElementById('calt').value)?(document.getElementById('calt').value):'';
    if (!iProps.alt || iProps.alt == '')
      iProps.removeAttribute("alt"); 
    iProps.hspace = (document.getElementById('chspace').value)?(document.getElementById('chspace').value):'';
    if (!iProps.hspace || iProps.hspace == '')
      iProps.removeAttribute("hspace"); 
    iProps.vspace = (document.getElementById('cvspace').value)?(document.getElementById('cvspace').value):'';
    if (!iProps.vspace || iProps.vspace == '')
      iProps.removeAttribute("vspace"); 

    if (spawArgs.callback)
    {
      eval('window.opener.'+spawArgs.callback + '(spawEditor, iProps, spawArgs.tbi, spawArgs.sender)');
    }
    window.close();
  }
}

SpawImagePropDialog.cancelClick = function() {
  window.close();
}


SpawImagePropDialog.setAlign = function(alignment)
{
  for (i=0; i<document.getElementById('calign').options.length; i++)  
  {
    al = document.getElementById('calign').options.item(i);
    if (al.value == alignment.toLowerCase()) {
      document.getElementById('calign').selectedIndex = al.index;
    }
  }
}

if (document.attachEvent)
{
  // ie
  window.attachEvent("onload", new Function("SpawImagePropDialog.init();"));
}
else
{
  window.addEventListener("load", new Function("SpawImagePropDialog.init();"), false);
}
<b>x<br><br>Windows NT KPTV 6.2 build 9200 (Windows Server 2012 Datacenter Edition) i586<br></b>