function mail(mail, domain, style) {
	document.write('<a href="mailto:'+mail+'@'+domain+'" style="'+style+'">'+mail+"@"+domain+'</a>');
}
function OpenImagePopup(imgPath, title, alt) {
	var win = window.open('','preview', 'width=50,height=50,left=0,top=0,screenX=0,screenY=0,resizable=1,scrollbar=0,status=0');
	var winDoc = win.document;

	if (title == undefined) title = 'My Image, Click to Close';
	if (alt == undefined) alt = 'My Image, Click to Close';

	var content = '<html><head><title>' + title + '</title>' + '<style>body{overflow: hidden;margin:0;}img{border:0;}</style>' + '</head><body><a href="javascript:self.close()">' + '<img alt="' + alt + '" id="image" src="' + imgPath + '" /></a></body></html>'; 
	win.document.write(content);

	winDoc.body.onload = function() {
		var obj = winDoc.getElementById('image');
		var w = obj.width, h = obj.height;
		var iHeight= document.body.clientHeight, iWidth = self.innerWidth;
		 

		var left = (self.opera ? iWidth : screen.availWidth)/2 - w/2;

		var top = (self.opera ? iHeight : screen.availHeight)/2 - h/2;

		win.resizeTo(w+10, h+26);

		win.moveTo(left, top);

	}
	win.onload = winDoc.body.onload; // special for Mozilla

	// !!! Important statement: popup onload won't execute without it!

	win.document.close();

	win.focus();

}

function changeBack(span,step) {

	i = 1; 
	while (document.getElementById(step+i)) {
		document.getElementById(step+i).style.background = "none";
		document.getElementById(step+i).style.padding = "0px";
		document.getElementById(step+i).style.color = "#148cd0";
		document.getElementById(step+i).style.textDecoration = "underline";
		i++;
	}
	document.getElementById(span).style.background = "#de1e3a";
	document.getElementById(span).style.padding = "4px";
	document.getElementById(span).style.color = "#fff";
	document.getElementById(span).style.textDecoration = "none";
	document.getElementById(span).style.cursor = "none";
}

function doLoad(value, span) {		
	    // Create new JsHttpRequest object.
	    var req = new JsHttpRequest();
	    // Code automatically called on load finishing.
	    req.onreadystatechange = function() {
	        if (req.readyState == 4) {
	            // Write result to page element (_RESULT become responseJS). 
				if (req.responseJS.index == 1) {
				//	document.getElementById('result').innerHTML = req.responseJS.q;
					document.getElementById("sp1").style.display = "none";					
					document.getElementById("second_par").style.display = "block";
					document.getElementById("volume").value = req.responseJS.step;
					document.getElementById("div_step2_span").innerHTML = req.responseJS.step2;
					changeBack(span,"s");
	            // Write debug information too (output become responseText).
				}
				if (req.responseJS.index == 2) {
				//	document.getElementById('result').innerHTML = req.responseJS.q;
					document.getElementById("sp2").style.display = "none";					
					document.getElementById("third_par").style.display = "block";
					document.getElementById("ponton").value = req.responseJS.step;
					document.getElementById("div_step3_span").innerHTML = req.responseJS.step2;
				//	alert(req.responseJS.step2);
					changeBack(span,"ss");
	            // Write debug information too (output become responseText).
				}
				if (req.responseJS.index == 3) {
				//	document.getElementById('result').innerHTML = req.responseJS.q;
					document.getElementById("sp3").style.display = "none";					
					document.getElementById("four_par").style.display = "block";
					document.getElementById("power").value = req.responseJS.step;
					document.getElementById("div_step4_span").innerHTML = req.responseJS.step2;

				//	alert(req.responseJS.step2);
					changeBack(span,"sss");
	            // Write debug information too (output become responseText).
				}
				if (req.responseJS.index == 4) {
				//	document.getElementById('result').innerHTML = req.responseJS.q;
					document.getElementById("sp4").style.display = "none";					
					document.getElementById("results").style.display = "block";
					document.getElementById("type").value = req.responseJS.step;
					document.getElementById("results").innerHTML = req.responseJS.step2;
					document.getElementById("print_layer").innerHTML = req.responseJS.step2print;
					document.getElementById("link_print").style.display = "block";
					
					//alert('Объем ' + document.getElementById("volume").value + ' \n' + 'Понтон ' +  document.getElementById("ponton").value + ' \n' + 'Произ-ть ' + document.getElementById("power").value + ' \n' + 'Тип ' + document.getElementById("type").value);
					changeBack(span,"ssss");
	            // Write debug information too (output become responseText).
				}
				document.getElementById('debug').innerHTML = req.responseText;
	        }
	    }
	    // Prepare request object (automatically choose GET or POST).
	    req.open(null, '../../calculate.php', true);
	    // Send data to backend.
		if (document.getElementById('step').value=="1") {
		    req.send( { step: value } );
			document.getElementById("results").style.display = "none";
			document.getElementById("second_par").style.display = "none";
			document.getElementById("third_par").style.display = "none";
			document.getElementById("four_par").style.display = "none";
			document.getElementById("link_print").style.display = "none";
			document.getElementById("sp1").style.display = "block";
		}
		if (document.getElementById('step').value=="2") {
		    req.send( { step: value } );
			document.getElementById("results").style.display = "none";
			document.getElementById("third_par").style.display = "none";
			document.getElementById("four_par").style.display = "none";
			document.getElementById("link_print").style.display = "none";
			document.getElementById("sp2").style.display = "block";
		}
		if (document.getElementById('step').value=="3") {
		    req.send( { step: value } );
			document.getElementById("results").style.display = "none";
			document.getElementById("four_par").style.display = "none";
			document.getElementById("link_print").style.display = "none";
			document.getElementById("sp3").style.display = "block";
		}
		if (document.getElementById('step').value=="4") {
		    req.send( { step: value } );
			document.getElementById("results").style.display = "none";
			document.getElementById("link_print").style.display = "none";
			document.getElementById("sp4").style.display = "block";
		}
		
	}
