function Setup(){SetInput();DrawStairs();DrawStringer()}
function DrawStairs(){var a=document.getElementById("cnvsStairs");if(a.getContext){var c=a.width-38,b=stairData.split(","),e=b[0],h=b[1],i=b[2],n=b[3],f=b[5],g=b[6],d=b[7],o=b[8],B=b[9],x=b[10],y=b[11],z=b[12],p=b[13],A=b[14],u=b[15],C=b[16],b=c*(h/e),m=c/e;a.setAttribute("height",b+48);var v=b/f,j=c/f,k=b,l=j,w=Math.atan(h/e),r=x*m,s=y*m,a=a.getContext("2d");a.beginPath();a.moveTo(l,k);for(var q=0;q<f-1;q++)k-=v,a.lineTo(l,k),l+=j,a.lineTo(l,k);a.lineTo(c,s);a.lineTo(r,b);a.save();a.shadowOffsetY=
6;a.shadowBlur=6;a.shadowColor="#c0c0c0";a.fillStyle="#00f";a.fill();a.restore();a.fillStyle="#000";if(d==0){var t=20*m,k=b,l=j-t;a.moveTo(l,k);a.fillStyle="#f00";for(q=0;q<f-1;q++)k-=v,a.fillRect(l,k-t,j+t,t),l+=j;a.fillStyle="#000"}a.stroke();a.beginPath();a.strokeStyle="#c0c0c0";a.moveTo(0,b);a.lineTo(c,0);a.lineTo(c,b);a.lineTo(0,b);a.font="12px Verdana";a.textBaseline="top";a.moveTo(1,b);a.lineTo(1,b+50);a.fillText(e,6,b+32);a.moveTo(j,b);a.lineTo(j,b+30);a.fillText(e-n,j+6,b+16);a.moveTo(r,
b);a.lineTo(r,b+14);a.fillText(e-x,r+6,b+2);a.moveTo(c,1);a.lineTo(c+20,1);a.fillText(h,c+4,4);a.moveTo(c,s);a.lineTo(c+20,s);a.fillText(h-y,c+4,s+4);e=c-Math.floor((f-1)/2)*j;f=b-Math.floor(f/2)*v;a.moveTo(e,f);e+=g*m*Math.sin(w)+4;f+=g*m*Math.cos(w)+4;a.lineTo(e,f);a.stroke();d>0?(a.fillText(g+" Thick",e,f+2),a.fillText("Concrete "+d+" m3",e,f+22),a.fillText("Base Length "+z,e,f+42)):(a.fillText(g+" Throat",e,f+2),a.fillText(o+" x "+B,e,f+20),a.fillText("Base Length "+z,e,f+38));if(p>0)g=A*m,d=
c-p*m,a.save(),a.fillStyle="#00f",a.shadowOffsetY=6,a.shadowBlur=6,a.shadowColor="#c0c0c0",a.fillRect(0,0,d,g),a.restore(),a.beginPath(),a.moveTo(d,0),a.lineTo(c,0),a.moveTo(d,g),a.lineTo(d+10,g),a.fillText(A,d+10,1),a.fillText("Opening "+p,d+56,2),p=b-Math.tan(w)*d,a.moveTo(d,g),a.lineTo(d,p),a.stroke(),a.fillText("Headroom "+u,d+4,g+40);a.fillText("Void "+C+" m3",c-200,b-20);i="Angle "+i;u=a.measureText(i);a.fillText(i,c/2-u.width-20,b/2-30)}}
function DrawStringer(){var a=document.getElementById("cnvsStringer");if(a.getContext){var c=parseInt(a.width),b=stringerData.split(","),e=parseFloat(b[0]),h=parseFloat(b[1]),i=parseFloat(b[2]),n=parseFloat(b[3]),b=parseFloat(b[4]),f=e-i-n,g=c*(h/e)+6,d=c/e;a.setAttribute("height",g+32);a=a.getContext("2d");a.fillStyle="#ffa500";a.strokeStyle="#000";a.beginPath();a.moveTo(0,16);a.lineTo(c,16);a.lineTo(c-n*d,h*d+22);a.lineTo(i*d,h*d+22);a.lineTo(0,16);a.save();a.shadowOffsetY=6;a.shadowBlur=6;a.shadowColor=
"#c0c0c0";a.fill();a.restore();a.strokeStyle="#c0c0c0";a.moveTo(0,16);a.lineTo(0,16+(h*d+6));a.lineTo(i*d,h*d+22);a.moveTo(c,16);a.lineTo(c,16+(h*d+6));a.lineTo(c-n,h*d+22);a.stroke();d=c/(b+1);a.fillStyle="#080";for(var o=1;o<b+1;o++)a.fillRect(o*d-2,16,4,4);a.fillStyle="#000";a.font="12px Verdana";a.textBaseline="top";a.fillText(e,c/2,0);a.fillText(f,c/2,g+16+2);a.fillText(n,c-30,g+16+2);a.fillText(i,8,g+16+2);a.fillText(h,4,g/2+16-6)}};