// JScript File
function changeFont() {
    if (document.getElementById("ddlFont").options[document.getElementById("ddlFont").selectedIndex].value == "C") {
        document.getElementById("text_personaliseer2").style.fontFamily = 'Comic Sans MS';
    }
    else if (document.getElementById("ddlFont").options[document.getElementById("ddlFont").selectedIndex].value == "A") {
        document.getElementById("text_personaliseer2").style.fontFamily = 'Arial';
    }
    else if (document.getElementById("ddlFont").options[document.getElementById("ddlFont").selectedIndex].value == "T") {
        document.getElementById("text_personaliseer2").style.fontFamily = 'Times New Roman';
    } 
}
function dyWrite() {
   
		var name = "";
		var lines;
		if(document.getElementById("nameTextBox1").value !=""/* && document.getElementById("nameTextBox1").value !="Linje 1"*/)
			{
			name +=document.getElementById("nameTextBox1").value ;
			}
		if(document.getElementById("nameTextBox2").value !=""/* && document.getElementById("nameTextBox2").value !="Linje 2"*/)
			{
			name +="\n" + document.getElementById("nameTextBox2").value ;
			}
		if(document.getElementById("nameTextBox3").value !=""/* && document.getElementById("nameTextBox3").value !="Linje 3"*/)
			{
			name +="\n" +document.getElementById("nameTextBox3").value ;
			}
			
			lines = name.replaceAll('[^\n]','').length + 1;
			//alert(lines);
			if( lines==1)
			{
			
				if(name.length<= 7)
					{
					document.getElementById("text_personaliseer2").style.fontSize='16px';
					document.getElementById("text_personaliseer2").style.fontWeight='normal';
					document.getElementById("text_personaliseer2").innerHTML= name;
					
					}
				else if(name.length==8)
					{
					document.getElementById("text_personaliseer2").style.fontSize="14px";
					document.getElementById("text_personaliseer2").style.fontWeight="bold";
					document.getElementById("text_personaliseer2").innerHTML= name;
					}
				else if(name.length==9)
					{
					document.getElementById("text_personaliseer2").style.fontSize="12px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name;
					}
				else if(name.length==10)
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name;
					}
				else
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").innerHTML= name;
					}		
			
			}		
			else if( lines==2 )
			{
			
				if(name.replace(/\n/g, "").length<= 7)
					{
					document.getElementById("text_personaliseer2").style.fontSize='16px';
					document.getElementById("text_personaliseer2").style.fontWeight='normal';
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");					
					}
				else if(name.replace(/\n/g, "").length==8)
					{
					document.getElementById("text_personaliseer2").style.fontSize="14px";
					document.getElementById("text_personaliseer2").style.fontWeight="bold";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else if(name.replace(/\n/g, "").length==9)
					{
					document.getElementById("text_personaliseer2").style.fontSize="12px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else if(name.replace(/\n/g, "").length==10)
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					document.getElementById("text_personaliseer2").style.lineHeight="1";
					}		
			
			}	
			
			else if(lines==3)
			{
				
			
				if(name.replace(/\n/g, "").length<= 7)
					{
					document.getElementById("text_personaliseer2").style.fontSize='16px';
					document.getElementById("text_personaliseer2").style.fontWeight='normal';
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");					
					}
				else if(name.replace(/\n/g, "").length==8)
					{
					document.getElementById("text_personaliseer2").style.fontSize="14px";
					document.getElementById("text_personaliseer2").style.fontWeight="bold";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else if(name.replace(/\n/g, "").length==9)
					{
					document.getElementById("text_personaliseer2").style.fontSize="12px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else if(name.replace(/\n/g, "").length==10)
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").style.fontWeight="normal";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					}
				else if(name.replace(/\n/g, "").length>=11 && name.replace(/\n/g, "").length<=30 )
					{
					document.getElementById("text_personaliseer2").style.fontSize="11px";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					//document.getElementById("text_personaliseer2").style.lineHeight="1";
					}
				else
					{
					document.getElementById("text_personaliseer2").style.fontSize="10px";
					document.getElementById("text_personaliseer2").innerHTML= name.replace(/\n/g, "<br>");
					//document.getElementById("text_personaliseer2").style.lineHeight="1";
					}	
					
			
			}
				
		}
		// function to limit maximum number of characters in a text field
		function limit(field, len)
		{
			if (field.value.length > chars) field.value = field.value.substr(0, chars);
			// next line is optional
			//alert('You are only allowed to enter '+chars+' characters in the '+field.name+' field!');
		}

		// function to get number of lines
		String.prototype.replaceAll=function(s1, s2) 
		{ 
			return this.replace(new RegExp(s1,"g"), s2);
		}

		// function to enable Name Text
		function enableNameText()
		{
			//Radio BUtton 1
			if(document.getElementById("nameRadio1").checked)
			{
				/*if(document.getElementById("nameTextBox1").value == "")
				{
					document.getElementById("nameTextBox1").value = "Linje 1";
				}*/
				document.getElementById("nameTextBox2").value = "";
				document.getElementById("nameTextBox3").value = "";
				document.getElementById("nameTextBox1").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox2").style.backgroundColor = '#EEEEEE';
				document.getElementById("nameTextBox3").style.backgroundColor = '#EEEEEE';
				document.getElementById("nameTextBox1").disabled = false;
				document.getElementById("nameTextBox2").disabled = true;
				document.getElementById("nameTextBox3").disabled = true;
				document.getElementById("text_personaliseer2").style.fontSize='16px';
				//document.getElementById("text_personaliseer2").innerHTML = "Baby";
				
			}
			//Radio Button 2
			else if(document.getElementById("nameRadio2").checked)
			{
				/*if(document.getElementById("nameTextBox1").value == "")
				{
					document.getElementById("nameTextBox1").value = "Linje 1";
				}
				
				if(document.getElementById("nameTextBox2").value == "")
				{
					document.getElementById("nameTextBox2").value = "Linje 2";
				}*/
	
				//document.getElementById("nameTextBox2").value = "Linje 2";
				document.getElementById("nameTextBox3").value = "";
				document.getElementById("nameTextBox1").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox2").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox3").style.backgroundColor = '#EEEEEE';
				document.getElementById("nameTextBox1").disabled = false;
				document.getElementById("nameTextBox2").disabled = false;
				document.getElementById("nameTextBox3").disabled = true;
				document.getElementById("text_personaliseer2").style.fontSize='16px';
				//document.getElementById("text_personaliseer2").innerHTML = "Baby";
				
			}
			//Radio Button 3
			else
			{
			/*if(document.getElementById("nameTextBox1").value == "")
				{
					document.getElementById("nameTextBox1").value = "Linje 1";
				}
				
			if(document.getElementById("nameTextBox2").value == "")
				{
					document.getElementById("nameTextBox2").value = "Linje 2";
				}
				
				document.getElementById("nameTextBox3").value = "Linje 3";*/
				document.getElementById("nameTextBox1").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox2").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox3").style.backgroundColor = '#FFFFFF';
				document.getElementById("nameTextBox1").disabled = false;
				document.getElementById("nameTextBox2").disabled = false;
				document.getElementById("nameTextBox3").disabled = false;
				document.getElementById("text_personaliseer2").style.fontSize='16px';
				//document.getElementById("text_personaliseer2").innerHTML = "Baby";
			}
			dyWrite();
			
		}