/* create a domain registration form input inside of it's own form context 

    options:
      1. request the default extension by passing ext to buildDomainWidgetHTML function call

      -if you want to style these inputs, do so in your own CSS using the form id below, or the individual input names if you need non-generic specificity

*/

function getExt(default_ext){
  /* note: don't lead the text value with a dot ".", it negates UX ability to hit the letter starting their preference in order to jump-to the domain extensions starting with that letter */
  //var a = 'com,net,org,biz,info,us,tv,ws,name,cc,de,jp,be,at,co.uk,me.uk,org.uk,co.nz,net.nz,org.nz,cn,com.cn,org.cn,net.cn,tw,com.tw,org.tw,idv.tw,jobs,eu,am,fm,gs,ms,nu,tc,tk,vg'
  var ext='COM,NET,ME,INFO,ORG,MOBI,BIZ,US,CA,ASIA,IN,WS,COM.MX,AT,BE,CC,CN,COM.CN,ORG.CN,NET.CN,DE,EU,FM,GS,CO.IN,FIRM.IN,GEN.IN,IND.IN,NET.IN,ORG.IN,JOBS,JP,MS,NU,CO.NZ,NET.NZ,ORG.NZ,TC,TV,TW,COM.TW,ORG.TW,IDV.TW,CO.UK,ME.UK,ORG.UK,VG,BZ,COM.BZ,NET.BZ'
  var ar = ext.split(',')
  var myDefault = (default_ext || 'com'); myDefault = myDefault.replace(/^\./,''); myDefault = myDefault.toLowerCase(); 
  var html = ''
  for(var i=0; i<ar.length; i++){
    var ext = ar[i].toLowerCase(); var EXT = ar[i].toUpperCase(); 
    var sel = (ext==myDefault?'selected':'');
    html += '<option value="'+EXT+'" '+sel+'>'+ext+'</option>'
  }
  return html
}

window.buildDomainWidgetHTML = function(default_ext){
  var html = ''
  +'<form style="margin:0px" method="post" action="https://www.securepaynet.net/gdshop/registrar/search.asp?se=%2B&prog%5Fid=hosting411&from=rhp" id="form1" name="form1">'
  +'<input type="hidden" name="checkAvail" value="1"> '
  +'<input type="hidden" name="JScriptOn" value="yes"> '
  +'<input type="hidden" name="submit1" value="Submit"> '
  +'<u>w</u>ww . '
  +'<input type="text" name="domainToCheck" maxlength="63" accesskey="w"> '
  +' . <select name="TLD"> '
  +getExt(default_ext || 'edu')
  +'</select>'
  +' <input type="button" value="Check Domain Price" id="submit1" name="spoof" onclick="this.form.submit()">'
  +'</form>'

  return html
}
