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