function GetXmlHttpObject(handler){

 var objXMLHttp=null

 if (window.XMLHttpRequest){

  objXMLHttp=new XMLHttpRequest()

 }else if (window.ActiveXObject){

  objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

 }

 return objXMLHttp

}

function image_loaded(){

  document.getElementById("preview_img").style.visibility="visible"
  document.getElementById("preview_status").innerHTML=''
  
}

function preview_large(src){

    var win = window.open(src)

}

function preview_map(){

  var style = document.getElementById('signup_style').value
  var text_visitor = document.getElementById('signup_text_visitor').value
  var text_owner = document.getElementById('signup_text_owner').value

  var src = 'signup.php?do=preview&style='+style+'&text_owner='+text_owner+'&text_visitor='+text_visitor

  var signup_icon_lge_vis = document.getElementById('signup_icon_lge_vis').value
  var signup_icon_lge_own = document.getElementById('signup_icon_lge_own').value

  src = src + '&signup_icon_lge_own=' + signup_icon_lge_own + '&signup_icon_lge_vis=' + signup_icon_lge_vis

  var signup_icon_sml_vis = document.getElementById('signup_icon_sml_vis').value
  var signup_icon_sml_own = document.getElementById('signup_icon_sml_own').value

  src = src + '&signup_icon_sml_own=' + signup_icon_sml_own + '&signup_icon_sml_vis=' + signup_icon_sml_vis

  var myImage = new Image;
  myImage.src = src + "&size=small";

  document.getElementById("preview_status").innerHTML='Preview loading, please wait...'
  document.getElementById("preview").innerHTML='<a href="javascript: preview_large('+"'"+src+"&size=large'"+');"><img id="preview_img" style="visibility: hidden" onload="image_loaded();" src="'+src+ "&size=small" +'" alt="Your World Visitor Map"/></a>'
 

}


function build_map(){

  var style = document.getElementById('signup_style').value
  var text_visitor = document.getElementById('signup_text_visitor').value
  var text_owner = document.getElementById('signup_text_owner').value

  var url = 'signup.php?do=build&style='+style+'&text_owner='+text_owner+'&text_visitor='+text_visitor

  var signup_icon_lge_vis = document.getElementById('signup_icon_lge_vis').value
  var signup_icon_lge_own = document.getElementById('signup_icon_lge_own').value

  url = url + '&signup_icon_lge_own=' + signup_icon_lge_own + '&signup_icon_lge_vis=' + signup_icon_lge_vis

  var signup_icon_sml_vis = document.getElementById('signup_icon_sml_vis').value
  var signup_icon_sml_own = document.getElementById('signup_icon_sml_own').value

  url = url + '&signup_icon_sml_own=' + signup_icon_sml_own + '&signup_icon_sml_vis=' + signup_icon_sml_vis

  xmlHttp=GetXmlHttpObject()

  if (xmlHttp==null){

    alert ("Browser does not support HTTP Request")
    return

  }

 // document.write("<hr>" + url + "<hr>");
  xmlHttp.onreadystatechange=build_map_done
  xmlHttp.open("GET",url,true)
  xmlHttp.send(null)


}

function build_map_done(){ 

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){   

 if ( xmlHttp.responseText == "error" ){       

alert("error creating map")    

}else{    

document.getElementById("map_code").innerHTML='<textarea cols="50" rows="5">'+xmlHttp.responseText+'</textarea>'   

 } 

}

}