function radioSelected(e) {
	
	var selected =e.value;
	var selectedRadio = document.getElementById("selected");
	var content = document.getElementById("content");

	while (content.firstChild) {
		content.removeChild(content.firstChild);
	}
	switch (selected) {
	case "url":
		selectedRadio.value = "url";
		content.innerHTML = "<legend>Content:</legend><p><label>URL:</label><br><input id=\"input_url\"  type=\"text\" style=\"width:390px;\" name=\"input_url\"    value=\"http://\" /></p>";
		break;
	case "text":
		selectedRadio.value = "text";
		content.innerHTML = "<legend>Content:</legend><p><label for=\"input_text\">Text:</label><label value=\"\"id=\"smsleft\">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;250 characters left</label><br>"
				+ "	<TEXTAREA id=\"input_text2\" onkeyup=\"checkCharacterText()\" onkeydown=\"checkCharacterText()\" NAME=\"input_text\" style=\"width: 390px; height: 80px\"></TEXTAREA>";
		break;
	case "phone":
		selectedRadio.value = "phone";
		content.innerHTML = "<legend>Content:</legend><p><label for=\"input_phone2\">Phone Number:</label><br><input type=\"text\" style=\"width:390px;\" name=\"input_phone\" id=\"input_phone\" onkeydown=\"return isNumeric(event.keyCode)\" />";
		break;
	case "sms":
		selectedRadio.value = "sms";
		content.innerHTML = "<legend>Content:</legend><p><label for=\"input_nr\">Number:</label><br><input type=\"text\" style=\"width: 390px\" name=\"input_nr\" id=\"input_nr\" onkeydown=\"return isNumeric(event.keyCode)\"value=\"\" /><br/>"
				+ "<label for=\"input_msg\">Message:</label><label id=\"smsleft2\">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;160 characters left</label><br><TEXTAREA NAME=\"input_msg\""
				+ " id=\"smsArea_input\"onkeydown=\"checkCharacterSms()\" onkeyup=\" checkCharacterSms()\" style=\"width: 390px; height:60px\"></TEXTAREA></p>";
		break;
	case "geo":
		selectedRadio.value = "geo";
		content.innerHTML = "<legend>Content:</legend><p><label for=\"input_geox\">x:</label><br><input type=\"text\" style=\"width: 390px\" name=\"input_geox\" onkeydown=\"return isNumericGeo(event.keyCode)\" id=\"input_geox\" value=\" \" />"
				+ "<br>"
				+ "<label for=\"input_geoy\">y:</label><br><input type=\"text\" style=\"width: 390px\" name=\"input_geoy\" id=\"input_geoy\" onkeydown=\"return isNumericGeo(event.keyCode)\" value=\" \" /></p>";
		break;
	case "VCard":
		selectedRadio.value = "VCard";
		content.innerHTML = "<legend>Content:</legend><p><label>Company:</label><input type=\"text\" name=\"mCardCompany\" id=\"mCardCompany\" style=\"width:80px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Url:</label><input type=\"text\" name=\"mCardUrl\" id=\"mCardUrl\" style=\"width:80px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;First Name:<input type=\"text\" name=\"mCardFirstName\" id=\"mCardFirstName\" style=\"width:80px\"/></label></p>"
				+ "<p><label>Lastname:</label><input type=\"text\" name=\"mCardLastName\" id=\"mCardLastName\" style=\"width:78px\"/><label>&nbsp;&nbsp;&nbsp;City:</label><input type=\"text\" name=\"mCardCity\" id=\"mCardCity\" style=\"width:81px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address:<input type=\"text\" name=\"mCardAddress\" id=\"mCardAddress\" style=\"width:80px\"/></label></p>"
				+ "<p><label>ZIP Code:</label><input type=\"text\" name=\"mCardZipCode\" id=\"mCardZipCode\" style=\"width:81px\"/><label>&nbsp;&nbsp;&nbsp;Country:</label><input type=\"text\" name=\"mCardCountry\" id=\"mCardCountry\" style=\"width:60px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Phone:<input type=\"text\" name=\"mCardPhone\" id=\"mCardPhone\" style=\"width:80px\"/></label></p>"
				+ "<p><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email:</label><input type=\"text\" name=\"mCardEmail\" id=\"mCardEmail\" style=\"width:81px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Company Logo(Url):<input type=\"text\" name=\"mCardLogo\" id=\"mCardLogo\" style=\"width:150px\; height=\"10px;\"/></label></p>";
		break;
	case "MECard":
		selectedRadio.value = "MECard";
		content.innerHTML = "<legend>Content:</legend><p><label>First Name:</label><input type=\"text\" id=\"firstName\"style=\"width:80px\"/><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Lastname:</label><input type=\"text\" id=\"lastName\"style=\"width:80px\"></p>"
				+ "<p><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Phone:</label><input type=\"text\" id=\"phone\" \" style=\"width:80px\"><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Note:</label><input type=\"text\" id=\"note\"style=\"width:79px\"/></p>"
				+ "<p><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email:</label><input type=\"text\" id=\"email\"style=\"width:80px\"/><label>&nbsp;&nbsp;&nbsp;URL:</label><input type=\"text\" id=\"url\" sytle=\"width:50px;\" value=\"http://\" /></p>";
		"<p><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Note:</label><input type=\"text\"onkeydown=\"return generate(event.keyCode)\" id=\"note\"style=\"width:80px\"/></p>";
		break;
	default:
		
		break;
	}
}

function generateImage() {
	var selected = document.getElementById("selected").value;
	var qrText;
	var imageSizeHtml = document.getElementById("imageSize").value;
	var imageSizejs;
	switch (selected) {
	case "url":		
		qrText =document.getElementById("input_url").value;
		break;
	case "text":
		qrText = document.getElementById("input_text2").value;
		break;
	case "phone":
		var phoneNumber = document.getElementById("input_phone").value;
		var telString= "TEL:";		
		qrText =telString + phoneNumber;		
		break;
	case "sms":
		
		qrText ="SMSTO"+":"+document.getElementById("input_nr").value+":"+document.getElementById("smsArea_input").value;
		break;
	case "geo":
		qrText ="geo:"+ document.getElementById("input_geox").value+ ","
				+document.getElementById("input_geoy").value;
		break;
	case "VCard":		
		var s1="BEGIN:VCARD "+"FN:"+document.getElementById("mCardFirstName").value+","+document.getElementById("mCardLastName").value+";"+"TEL:"+document.getElementById("mCardPhone").value+";"+"ORG:"+document.getElementById("mCardCompany").value+";"+"URL:"+document.getElementById("mCardUrl").value+";"+"LOGO:"+document.getElementById("mCardLogo").value+";";
		var s2="ADR:"+document.getElementById("mCardAddress").value+","+document.getElementById("mCardCity").value+","+document.getElementById("mCardZipCode").value+","+document.getElementById("mCardCountry").value+";"+"EMAIL:" + document.getElementById("mCardEmail").value+";"+"END:VCARD";
		qrText=s1+s2;		
		break;
	case "MECard":
		var s1 ="MECARD:" + "N:"+ document.getElementById("lastName").value+","+ document.getElementById("firstName").value+";"+"NOTE:"+document.getElementById("note").value+";"+ "TEL:"+document.getElementById("phone").value+";";
		var s2=	"EMAIL:" +document.getElementById("email").value+";"+"URL:"+document.getElementById("url").value+";";
		qrText=s1+s2;
		break;
	default:
		window.alert("Problem");
		break;
	}
	if (imageSizeHtml == "small") {
		imageSizejs = 150;
	} else if (imageSizeHtml == "medium") {
		imageSizejs = 200;
	} else if (imageSizeHtml == "large") {
		imageSizejs = 250;
	} else if (imageSizeHtml == "xlarge") {
		imageSizejs = 300;
	}
	/*
	 * while (document.getElementById("imageCell").firstChild) {
	 * document.getElementById("imageCell").removeChild(document.getElementById("imageCell").firstChild); }
	 */
	// document.getElementById("imageCell").innerHTML="<img id=\"qrImage\"
	// src=\"images/white.png\" name=\"qrImage\" src=\"\"
	// style=\"position:relative;\"/>";
	qrText=encodeURIComponent(qrText);
	var image = document.getElementById("qrImage");
	image.setAttribute("src", "http://www.2decode.com/ImageServlet?r="
			+ Math.random() + "&qrText=" + qrText + "&imageSizejs="
			+ imageSizejs);
	
}

function checkCharacterText() {
	var stringText = document.getElementById("input_text2").value;
	var l = stringText.length;
	if (l < 251) {
		document.getElementById("smsleft").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;"
				+ (250 - l) + " characters left";
	} else {
		var pass = document.getElementById("input_text2").value;
		pass = pass.substring(0, 250);
		document.getElementById("input_text2").value = pass;
		document.getElementById("smsleft").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;"
				+ "0" + " characters left";
	}
}

function isNumeric(keyCode) {
	if (!((keyCode <= 57 && keyCode >= 33) || keyCode <= 27 || keyCode == 8 || ((keyCode >= 91 && keyCode <= 105)
			|| (keyCode >= 112 && keyCode <= 145) || keyCode == 43 || keyCode == 107))) {
		/*
		 * var pass = document.getElementById("input_phone").value; pass =
		 * pass.substring(0, pass.length - 1);
		 * document.getElementById("input_phone").value = pass;
		 */
		return false;
	}
}

function checkCharacterSms() {
	var stringText = document.getElementById("smsArea_input").value;
	var l = stringText.length;
	if (l < 161) {
		document.getElementById("smsleft2").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;"
				+ (160 - l) + " characters left";
	} else
		var pass = document.getElementById("smsArea_input").value;
	pass = pass.substring(0, 160);
	document.getElementById("smsArea_input").value = pass;
	document.getElementById("smsleft2").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;"
			+ "0" + " characters left";
}
function yNumeric(keyCode) {
	if (!((keyCode <= 57 && keyCode >= 33) || keyCode <= 27 || keyCode == 8 || ((keyCode >= 91 && keyCode <= 105)
			|| (keyCode >= 112 && keyCode <= 145)
			|| keyCode == 43
			|| keyCode == 110 || keyCode == 188))) {
		var pass = document.getElementById("input_geoy").value;
		pass = pass.substring(0, pass.length - 1);
		document.getElementById("input_geoy").value = pass;
	}
}
function xNumeric(keyCode) {
	if (!((keyCode <= 57 && keyCode >= 33) || keyCode <= 27 || keyCode == 8 || ((keyCode >= 91 && keyCode <= 105)
			|| (keyCode >= 112 && keyCode <= 145)
			|| keyCode == 43
			|| keyCode == 110 || keyCode == 188))) {
		var pass = document.getElementById("input_geox").value;
		pass = pass.substring(0, pass.length - 1);
		document.getElementById("input_geox").value = pass;
	}
}
function reset(){		
	document.getElementById("input_url").value = "http://";
	document.getElementById("integer1").checked = true;
	document.all("imageSize").selectedIndex = 0;
}
function isNumericGeo(keyCode) {
	if (!((keyCode <= 57 && keyCode >= 33) || keyCode <= 27 || keyCode == 8 || ((keyCode >= 91 && keyCode <= 105)
			|| (keyCode >= 112 && keyCode <= 145) || keyCode == 43 || keyCode == 107|| keyCode==110||keyCode==188))) {
		/*
		 * var pass = document.getElementById("input_phone").value; pass =
		 * pass.substring(0, pass.length - 1);
		 * document.getElementById("input_phone").value = pass;
		 */
		return false;
	}
}
function generate(keyCode){
	if(keyCode==13){
		generateImage();
	}
	else
		return false;
}
