function changeDimensions(x,y,z){
		
		document.getElementById("width").value = x;
		document.getElementById("height").value = y;
		document.getElementById("chosen_template").value = z;
	}	
	
	function changeLinkColor(x){
		
		document.getElementById("link_color").style.backgroundColor = x;
		document.getElementById("link_color").value = x;
	}
	
	function changeFontWeight(x){
		
		document.getElementById("font_weight").value = x;
	}

	function changeFont(x,y,z,zz){
		
		document.getElementById("font_family").value = x;
		document.getElementById("font_size").value = y;
		document.getElementById("font_weight").value = z;
		document.getElementById("font_style").value = zz;
		
	}
	
	
	function changeTextFieldWidths(x){
		
		document.getElementById("email_width").value = x;
		document.getElementById("password_width").value = x;
	}
	
	function changeFontColor(x){
		document.getElementById("login_color").style.backgroundColor = x;
		document.getElementById("login_color").value = x;
		document.getElementById("password_color").style.backgroundColor = x;
		document.getElementById("password_color").value = x;
		
	}
	
	function updateColors(){
		document.getElementById("login_color").style.backgroundColor = document.getElementById("login_color").value;
		document.getElementById("password_color").style.backgroundColor = document.getElementById("password_color").value;
		document.getElementById("table_bg").style.backgroundColor = document.getElementById("table_bg").value;
		document.getElementById("table_border").style.backgroundColor = document.getElementById("table_border").value;
		document.getElementById("link_color").style.backgroundColor = document.getElementById("link_color").value;
		
		document.getElementById("button_bg_color").style.backgroundColor = document.getElementById("button_bg_color").value;
		document.getElementById("button_border_color").style.backgroundColor = document.getElementById("button_border_color").value;
		document.getElementById("button_text_color").style.backgroundColor = document.getElementById("button_text_color").value;
		
	}
	
	function box4disable(){
		document.getElementById("table_border").readOnly = true;
		document.getElementById("width").readOnly = true;
		document.getElementById("height").readOnly = true;
		document.getElementById("table_border").readOnly = true;
		document.getElementById("color_picker_border").disabled = true;
		document.getElementById("border_size").readOnly = true;
		document.getElementById("email_width").readOnly = true;
		document.getElementById("password_width").readOnly = true;
	}
	
	
	function updateForms(){
		
		var num_templates = 2;
		var prefix;
		var i = document.getElementById("chosen_template").value;
	
			prefix = "template" + i +"_";
			
			document.getElementById(prefix + "link").style.color = document.getElementById("link_color").value;
			
			document.getElementById(prefix + "login").style.color = document.getElementById("login_color").value;
			document.getElementById(prefix + "login").innerHTML = document.getElementById("login_text").value;
			document.getElementById(prefix + "login").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "login").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "login").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "login").style.fontStyle = document.getElementById("font_style").value;
			
			document.getElementById(prefix + "password").style.color = document.getElementById("password_color").value;
			document.getElementById(prefix + "password").innerHTML = document.getElementById("password_text").value;
			document.getElementById(prefix + "password").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "password").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "password").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "password").style.fontStyle = document.getElementById("font_style").value;
			
			
			document.getElementById(prefix + "button").style.color = document.getElementById("button_text_color").value;
			document.getElementById(prefix + "button").style.backgroundColor = document.getElementById("button_bg_color").value;
			document.getElementById(prefix + "button").style.borderColor = document.getElementById("button_border_color").value;
			document.getElementById(prefix + "button").value = document.getElementById("button_text").value;
			document.getElementById(prefix + "button").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "button").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "button").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "button").style.fontStyle = document.getElementById("font_style").value;
		
			document.getElementById(prefix + "pwd").size = document.getElementById("password_width").value;
			document.getElementById(prefix + "email").size = document.getElementById("email_width").value;
			
			document.getElementById(prefix + "table").width = document.getElementById("width").value;
			document.getElementById(prefix + "table").height = document.getElementById("height").value;
			
			document.getElementById(prefix + "table").style.backgroundColor = document.getElementById("table_bg").value;
			document.getElementById(prefix + "table").style.borderColor = document.getElementById("table_border").value;
			document.getElementById(prefix + "table").style.borderWidth = document.getElementById("border_size").value;
			
			document.getElementById("width").value = document.getElementById(prefix + "table").offsetWidth ;
			document.getElementById("height").value = document.getElementById(prefix + "table").offsetHeight;
			
			document.getElementById(prefix + "link2").style.color = document.getElementById("link_color").value;
						
	}
	
	function updateFormsFix(){
		
		var num_templates = 2;
		var prefix;
		var i = document.getElementById("chosen_template").value;
	
			prefix = "template" + i +"_";
			
			document.getElementById(prefix + "link").style.color = document.getElementById("link_color").value;
			
			document.getElementById(prefix + "login").style.color = document.getElementById("login_color").value;
			document.getElementById(prefix + "login").innerHTML = document.getElementById("login_text").value;
			document.getElementById(prefix + "login").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "login").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "login").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "login").style.fontStyle = document.getElementById("font_style").value;
			
			document.getElementById(prefix + "password").style.color = document.getElementById("password_color").value;
			document.getElementById(prefix + "password").innerHTML = document.getElementById("password_text").value;
			document.getElementById(prefix + "password").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "password").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "password").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "password").style.fontStyle = document.getElementById("font_style").value;
			
			
			document.getElementById(prefix + "button").style.color = document.getElementById("button_text_color").value;
			document.getElementById(prefix + "button").style.backgroundColor = document.getElementById("button_bg_color").value;
			document.getElementById(prefix + "button").style.borderColor = document.getElementById("button_border_color").value;
			document.getElementById(prefix + "button").value = document.getElementById("button_text").value;
			document.getElementById(prefix + "button").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "button").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "button").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "button").style.fontStyle = document.getElementById("font_style").value;
		
			document.getElementById(prefix + "pwd").size = document.getElementById("password_width").value;
			document.getElementById(prefix + "email").size = document.getElementById("email_width").value;
					
			document.getElementById(prefix + "link2").style.color = document.getElementById("link_color").value;
						
	}
	
	
	function updateAllForms(){
		var num_templates = 4;
		var prefix;
			
		for (i=1; i <= num_templates; i++){
		
			prefix = "template" + i +"_";
			document.getElementById(prefix + "table").width = document.getElementById("width").value;
			document.getElementById(prefix + "table").height = document.getElementById("height").value;
			
			document.getElementById(prefix + "table").style.backgroundColor = document.getElementById("table_bg").value;
			document.getElementById(prefix + "table").style.borderColor = document.getElementById("table_border").value;
			document.getElementById(prefix + "table").style.borderWidth = document.getElementById("border_size").value;
			
			document.getElementById(prefix + "link").style.color = document.getElementById("link_color").value;
			
			document.getElementById(prefix + "login").style.color = document.getElementById("login_color").value;
			document.getElementById(prefix + "login").innerHTML = document.getElementById("login_text").value;
			document.getElementById(prefix + "login").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "login").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "login").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "login").style.fontStyle = document.getElementById("font_style").value;
			
			document.getElementById(prefix + "password").style.color = document.getElementById("password_color").value;
			document.getElementById(prefix + "password").innerHTML = document.getElementById("password_text").value;
			document.getElementById(prefix + "password").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "password").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "password").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "password").style.fontStyle = document.getElementById("font_style").value;
			
			
			document.getElementById(prefix + "button").style.color = document.getElementById("button_text_color").value;
			document.getElementById(prefix + "button").style.backgroundColor = document.getElementById("button_bg_color").value;
			document.getElementById(prefix + "button").style.borderColor = document.getElementById("button_border_color").value;
			document.getElementById(prefix + "button").value = document.getElementById("button_text").value;
			document.getElementById(prefix + "button").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "button").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "button").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "button").style.fontStyle = document.getElementById("font_style").value;
		
			document.getElementById(prefix + "pwd").size = document.getElementById("email_width").value;
			document.getElementById(prefix + "email").size = document.getElementById("password_width").value;
			
			document.getElementById(prefix + "link2").style.color = document.getElementById("link_color").value; 
		}	
		
	}
	
	function updateForm4 (){
	    
	    prefix = "template" + 4 +"_";
	    document.getElementById(prefix + "table").width = 180;
		document.getElementById(prefix + "table").height = 220;
			
	
	}
	
	
	
	function updateAllButtons(){
		var num_templates = 4;
		var prefix;
			
		for (i=1; i <= num_templates; i++){
			prefix = "template" + i +"_";
			document.getElementById(prefix + "button").style.color = document.getElementById("button_text_color").value;
			document.getElementById(prefix + "button").style.backgroundColor = document.getElementById("button_bg_color").value;
			document.getElementById(prefix + "button").style.borderColor = document.getElementById("button_border_color").value;
			document.getElementById(prefix + "button").value = document.getElementById("button_text").value;
			document.getElementById(prefix + "button").style.fontFamily = document.getElementById("font_family").value;
			document.getElementById(prefix + "button").style.fontSize = document.getElementById("font_size").value;
			document.getElementById(prefix + "button").style.fontWeight = document.getElementById("font_weight").value;
			document.getElementById(prefix + "button").style.fontStyle = document.getElementById("font_style").value;
		
		}
	}
	
	function checkDisclaimer(){
		
		var checker
		checker = document.getElementById("disclaimer").checked;
		if(!checker){
			alert("You must agree to mail2web.com terms and conditions.");	
			return false;
		}
			
		
	}