var request;


function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (trymicrosoft) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (othermicrosoft) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = false;
      }
    }
  }

  if (!request)
    alert("Error initializing XMLHttpRequest!");
}

var swfURL = "http://www.papermint.com/webservices/papermintbanner/banner/";
var clickURL_EN = "http://www.papermint.com/character_creation/&window=_self";
var clickURL_DE = "http://www.papermint.at/character_erstellung/&window=_self";
var design = null;
var language = null;
var usercount = null;
var sitename = null;
var email = null;
var cURL = null;

function checkBannerForm(){
	createRequest();

	design = getRadioValue(document.getElementsByName("design"));
    language = getRadioValue(document.getElementsByName("lang"));
	usercount = document.getElementById("uniqueUsers").value;
	sitename  = document.getElementById("sitename").value;
	email     = document.getElementById("email").value;
	
	sitename = encodeURIComponent(sitename);
	
	if (usercount == "select"){
		alert("Please select unique users");
	}
	
	if (sitename == ""){
		alert("Please enter a site name");
	}	
	
	if (email == ""){
		alert("Please enter an email address");
	}
	
	cURL = clickURL_EN;
	if (language == "DE"){
	  cURL = clickURL_DE;
	}
	
	request.open("GET", "/webservices/papermintbanner/request.php?email="+email+"&sitename="+sitename+"&ucount="+usercount+"&design="+design+"&lang="+language, true);
    request.onreadystatechange = requestFinished;
    request.send(null);
}


function requestFinished(){
		
		if (request.readyState == 4){
			if (request.responseText == "1"){
				var htmlcode = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' "+
						"codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' "+
						"width='300' height='250' id='"+design+"' align='middle'> "+
						"<param name='allowScriptAccess' value='always' /> "+
						"<param name='allowFullScreen' value='false' /> "+
						"<param name='movie' value='"+swfURL + "" + design+"' /> "+
						"<param name='quality' value='high' /> "+
						"<param name='bgcolor' value='#ffffff' /> "+
						"<param name='FlashVars' value='utm_source="+sitename+"&click="+cURL+"' /> "+	
 						"<embed src='"+swfURL + "" + design+"' quality='high' bgcolor='#ffffff' width='300' height='250' "+
						"name='"+design+"' align='middle' allowScriptAccess='always' allowFullScreen='false'" +
						"FlashVars='utm_source="+sitename+"&click="+cURL+"' "+
						"type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
	
				document.getElementById("codearea").innerHTML = "<h2>Use this code to integrate the banner into your website:<h2><br><textarea name='code' id='code' cols='70' rows='15'>"+htmlcode+"</textarea>";
				document.getElementById("preview").innerHTML = "<h2>Preview of the generated Banner:<h2><br>"+htmlcode; 
				document.getElementById("message").innerHTML = "<h2>The banner has been generated successfully!<h2>";
			}else{
				document.getElementById("message").innerHTML = "An error occured while trying to generate the banner. Please try again!";
			}
		}
}

/**
*
*	get the checked value from a radio group
*
**/
function getRadioValue(group){
	for(i=0; i < group.length; i++){
    if (group[i].checked) {
			return group[i].value;
    }
	}
}

function selectDesignRadioValue(group, radioValue){
	for(i=0; i < group.length; i++){
   		if (group[i].id == radioValue) {
			group[i].checked = true;
    	}		
	}
}

function selectDesign(selectedDesign){
	selectDesignRadioValue(document.getElementsByName("design"), selectedDesign);
}