var delay=500;
	var t;
	var nav=0;
	var width = screen.width;
	var videoWidth = 340;
	var videoHeight = 320;
	var alerttext = "Required!";
	var alerttext2 = "Please, choose your interest!";
	var alerttext3 = "Check!";
	var imgArray = new Array(1);
	imgArray[0] = new Image();
	imgArray[0].src = "images/certificate_large.jpg";

	if(width <= 1024 )
	{
		//document.write("<link rel='stylesheet' type='text/css' href='styles.css' />");
		document.write("<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\" />");
		videoWidth = 250;
		videoHeight = 260;
	}
	
	
	/*
	var width = screen.width;
	var videoWidth = 340;
	var videoHeight = 320;
	if(width <= 1024 )
	{
		document.write("<link href=\"style.css\" rel=\"stylesheet\" type=\"text/css\" />");
		
		videoWidth = 250;
		videoHeight = 260;
	}*/
	function show(id)
	{ //tästä on hyvä jatkaa huomenna!
	
		if(nav != id && nav != 0)
			document.getElementById(nav).style.visibility="hidden";
		nav=id;
		clearTimeout(t);
		document.getElementById(id).style.visibility="visible";
	}
	function hide()
	{
		if(nav)
			document.getElementById(nav).style.visibility="hidden";
	
	}
	function waithide(id)
	{
		t = setTimeout("hide()",delay);
	}
	function OpenPicture(url) {
		var image = new Image();
		image.src = imgArray[url].src;
		var width = image.width + 30;
		var height = image.height;
		options="toolbar=no,directories=no,location=no,status=no," + "menubar=no,scrollbars=yes,resizable=yes,width=" + width + ",height=" + height;
		var picture=window.open('', "picture" ,options);
		picture.focus();
	}


		function clear()
		{
			document.getElementById('em').innerHTML = "";
			document.getElementById('na').innerHTML = "";
			document.getElementById('ph').innerHTML = "";
			document.getElementById('in').innerHTML = "";
			document.getElementById('co').innerHTML = "";
			document.getElementById('intr').innerHTML = "";
		}
		function clearAll()
		{
			document.getElementById('em').innerHTML = "";
			document.getElementById('na').innerHTML = "";
			document.getElementById('ph').innerHTML = "";
			document.getElementById('in').innerHTML = "";
			document.getElementById('co').innerHTML = "";
			document.getElementById('intr').innerHTML = "";
			document.getElementById('industrial').value = "";
			document.getElementById("intrestp").style.fontWeight="bold";
			document.getElementById("intrestp").style.textDecoration="none";
			document.getElementById("intrestm").style.fontWeight="bold";
			document.getElementById("intrestm").style.textDecoration="none";
			clearTableRequirements();
			var i = 0;
			var c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;			
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";

			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			i++;
	
			//INPUT FIELD 2
			i = 0;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			
		}
		function validate_required(field)
		{
			
			with (field)
			{
				if (value==null||value=="")
				{
					if(field == document.contact.email)
						document.getElementById('em').innerHTML = alerttext;
					if(field == document.contact.name)
						document.getElementById('na').innerHTML = alerttext;
					if(field == document.contact.phone)
						document.getElementById('ph').innerHTML = alerttext;
					if(field == document.contact.industry)
						document.getElementById('in').innerHTML = alerttext;
					if(field == document.contact.company)
						document.getElementById('co').innerHTML = alerttext;
					if(field == document.contact.industrial)
						document.getElementById('intr').innerHTML = alerttext2;

					return false;
				}
				else {return true}
			}
		}

		function validate_form(thisform)
		{
			clear();
			with (thisform)
			{
				isValid = true;
				if (validate_email(email)==false)
					isValid=false;
				if(validate_required(name)==false)
					isValid=false;
				if(validate_required(phone)==false)
					isValid=false;
				if(validate_required(industry)==false)
					isValid=false;
				if(validate_required(company)==false)
					isValid=false;
				if(validate_required(industrial)==false)
					isValid=false;
				 return isValid;
						
			}
		}
		function validate_email(field)
		{
			with (field)
			{
				apos=value.indexOf("@");
				dotpos=value.lastIndexOf(".");
				if (apos<1||dotpos-apos<2) 
				{
					document.getElementById('em').innerHTML = alerttext3;
					return false;
				}
				else return true;
			}
		}
		
		
		
		function changeInterest(arg)
		{
			if(arg == 1)
			{
				chMetal();
				
			}
			else
			{
				chPaper();
			}
		}
		
		function chMetal()
		{
			document.getElementById("industrial").value ="metal";
			document.getElementById("intrestp").style.fontWeight="normal";
			document.getElementById("intrestp").style.textDecoration="none";
			document.getElementById("intrestm").style.fontWeight="bold";
			document.getElementById("intrestm").style.textDecoration="underline";
			makeTableRequirements();
						var i = 0;
			var c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;			
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Pinhole Detection:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"pinholeDetection\" value=\"pinholeDetection\" />";
			c[2].innerHTML = "Hole Detection:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"holeDetection\" value=\"holeDetection\" />";
			c[4].innerHTML = "";
			c[5].innerHTML = "";

			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Width Measurement:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"widthMeasurement\" value=\"widthMeasurement\" />";
			c[2].innerHTML = "Pickling Grade Measurement:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"picklingGradeMeasurement\" value=\"picklingGradeMeasurement\" />";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			
			c[0].innerHTML = "Edge Crack Detection:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"edgeCrackDetection\" value=\"edgeCrackDetection\" />";
			c[2].innerHTML = "Rollmark Detection:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"rollmarkDetection\" value=\"rollmarkDetection\" />";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			i++;
	
			//INPUT FIELD 2
			i = 0;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			c[2].innerHTML = "";
			c[3].innerHTML = "";
			c[4].innerHTML = "";
			c[5].innerHTML = "";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";

			
			
		}
		
		function chPaper()
		{
			document.getElementById("industrial").value ="paper";
			document.getElementById("intrestm").style.fontWeight="normal";
			document.getElementById("intrestm").style.textDecoration="none";
			document.getElementById("intrestp").style.fontWeight="bold";
			document.getElementById("intrestp").style.textDecoration="underline";
			// INPUTFIELD 1
			var i = 0;
			var c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "<u>Defects such as:</u><br /><br />";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;			
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Blade Streaks:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"bladeStreaks\" value=\"bladeStreaks\" />";
			c[2].innerHTML = "Nozzle Streaks:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"nozzleStreaks\" value=\"nozzleStreaks\" />";
			c[4].innerHTML = "Butterflies:";
			c[5].innerHTML = "<input type=\"checkbox\" name=\"butterflies\" value=\"butterflies\" />";

			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Coating Skips:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"coatingSkips\" value=\"coatingSkips\" />";
			c[2].innerHTML = "Calander/Backing rollmarks:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"calBackRollmarks\" value=\"calBackRollmarks\" />";
			c[4].innerHTML = "Core Ply Holes:";
			c[5].innerHTML = "<input type=\"checkbox\" name=\"corePlyHoles\" value=\"covePlyHoles\" />";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Holes:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"holes\" value=\"holes\" />";
			c[2].innerHTML = "Bright Spots:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"brightSpots\" value=\"brightSpots\" />";
			c[4].innerHTML = "Dark Spots/Impurities:";
			c[5].innerHTML = "<input type=\"checkbox\" name=\"darkSpotImpurities\" value=\"darkSpotImpurities\" />";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "Glossy Spots:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"glossySpots\" value=\"glossySpots\" />";
			c[2].innerHTML = "Edge Defects:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"edgeDefects\" value=\"edgeDefects\" />";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "<br />Other Defect(s): &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp";
			c[1].innerHTML = "<br /><textarea name=\"otherDefects\" value \"otherDefects\"rows=\"3\" cols=\"20\" type=\"text\" /></textarea>";
			i++;
			c = document.getElementById("table1").rows[i].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";
			i++;
	
			//INPUT FIELD 2
			i = 0;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "<u>Quality Measurement Items Such As:</u><br /><br />";
			//c[1].innerHTML = "<input type='checkbox' name='edges' value='edges' />";
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "Gloss:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"gloss\" value=\"gloss\" />";
			c[2].innerHTML = "Brightness:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"brightness\" value=\"brightness\" />";
			c[4].innerHTML = "Gloss-mottling:";
			c[5].innerHTML = "<input type=\"checkbox\" name=\"glossmottling\" value=\"glossmottling\" />";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "White Top Mottling:";
			c[1].innerHTML = "<input type=\"checkbox\" name=\"whiteTopMottling\" value=\"gloss\" />";
			c[2].innerHTML = "Formation:";
			c[3].innerHTML = "<input type=\"checkbox\" name=\"formation\" value=\"formation\" />";
			c[4].innerHTML = "Web Width Measurement:";
			c[5].innerHTML = "<input type=\"checkbox\" name=\"webWidthMeasurement\" value=\"webWidthMeasurement\" />";
			
			i++;
			c = document.getElementById("table2").rows[i].cells;
			c[0].innerHTML = "<br />Other Quality<br />measurement item(s):";
			c[1].innerHTML = "<br /><textarea name=\"otherQualityMeasurements\" value=\"otherQualityMeasurements\" rows=\"3\" cols=\"20\" type=\"text\" /></textarea>";
			
			makeTableRequirements();
		
		}
		function makeTableRequirements()
		{
			//INPUT FIELD 3
			var c = document.getElementById("table3").rows[0].cells;
			c[0].innerHTML = "Other requirements:";
			c[1].innerHTML = "<textarea id='taother' rows='4' cols='30' type='text' name='requirements'></textarea>";

			c = document.getElementById("table3").rows[1].cells;
			c[0].innerHTML = "<br />We will contact you by:";
			c[1].innerHTML = "<br />&#160&#160&#160&#160"
								+"Mail<input class='null' type='checkbox' name='byMail' value='byMail' />"+"&#160"
								+"Email<input class='null' type='checkbox' name='byEmail' value='byEmail' />"+"&#160"
								+"Phone<input class='null' type='checkbox' name='byPhone' value='byPhone' />"+"&#160"
								+"Fax<input class='null' type='checkbox' name='byFax' value='byFax' />"+"&#160";	
		}
		function clearTableRequirements()
		{
			var c = document.getElementById("table3").rows[0].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";

			c = document.getElementById("table3").rows[1].cells;
			c[0].innerHTML = "";
			c[1].innerHTML = "";	
		
		}