var TutoImages = new Array('t1/a01.gif','t1/a02.gif','t1/a03.gif','t1/a04.gif','t1/a05.gif','t1/a06.gif','t1/a07.gif','t1/a08.gif','t1/a09.gif','t1/a10.gif','t1/a11.gif','t1/a11.gif','t1/a13.gif','t1/a14.gif','t1/a15.gif','t1/a16.gif','t1/a17.gif','t1/a18.gif','t1/a19.gif','t1/a20.gif','t1/a21.gif','t1/a22.gif','t1/a23.gif','t1/a24.gif','t1/a25.gif')



var TutoText = new Array("<strong>1.</strong> Start by drawing horizontal base line and two vertical side lines. The side lines should be at a right angle to the base line.","<strong>2.</strong> Draw an arc with its center at one of the corners, in this case I chose the right hand corner. Then divide the arc into five equal segments.","<strong>3.</strong> From the centre of the arc draw lines joining the centre and the segments divisions.","<strong>4.</strong> Extend these lines as showen in the dighram.","<strong>5.</strong> Extend the left side line until it meets with the line A-B. This will generted the hight of the rectangle.","<strong>6.</strong> Extend the right side line, and from point B draw a line perpendicular to line A-C.","<strong>7.</strong> From C draw a line to point D to establish the center at point E. Then draw two arcs with A-E as the diameter one centerd at point A and the other at point B.","<strong>8.</strong> From point F draw a line passing through point E and extend untill it meets line A-C. This line will help in dividing the new arch into equal segments.","<strong>9.</strong> From the marked intersections draw lines to the center of the new arc at B.","<strong>10.</strong> After removing the extended and unwanted lines you would have a beter view of the digram.","<strong>11.</strong> Now from point H draw a line perpendicular to line A-D. This will generate three points for drawing more archs.","<strong>12.</strong> Draw the three archs with their center at A.","<strong>13.</strong> Draw the same archs again with their center at point B. And now we have the basic structure to begin drawing the patern itself.","<strong>14.</strong> I have changed the coloure of the lines that forms the basic structue so you can see the patern lines clearly. From this point you simply join the the points marked for you in red. If your drawing of the basic structure is acurat then the patern lines (in blue) should pass through the intersections marked in blue cerculs.","<strong>15.</strong> Again join the points marked in red and extend as showen. The blue circules indicate the intersection of these lines.","<strong>16.</strong>Again join the points marked in red and extend as showen. The blue circules indicate the intersection of these lines.","<strong>17.</strong> By now the shape of the patern is nearly complete.","<strong>18.</strong> To finishe the patern, draw two circles with their center at the red markes and they should pass through the intercection marked blue.","<strong>19.</strong> Join the last two lines.","<strong>20.</strong> The basic unit of the pater is finished and by repeating the patern you will be able to see the buty of the patern. This patern is one of two simple paterns based on the golden section, and by simply merging these two paterns together and slightly modifying them you can get endless new paterns that looks difernrnt. Below is only few example of the variation you can get.","","","","","")





var TutorialImage = new Array();

function PreloadTutoralImages() {
	for (i = 0; i < TutoImages.length; i++) {
		TutorialImage[i] = new Image();
		TutorialImage[i].src = TutoImages[i];
	}
	//setTimeout("FirstSlide()",1000);
}