var imgnum = 21;
var thisimage = 1;

if(document.images){

	var image1 = new Image();
	var image2 = new Image();
	var image3 = new Image();
	var image4 = new Image();
	var image5 = new Image();
	var image6 = new Image();
	var image7 = new Image();
	var image8 = new Image();
	var image9 = new Image();
	var image10 = new Image();
	var image11 = new Image();
	var image12 = new Image();
	var image13 = new Image();
	var image14 = new Image();
	var image15 = new Image();
	var image16 = new Image();
	var image17 = new Image();
	var image18 = new Image();
	var image19 = new Image();
	var image20 = new Image();
	var image21 = new Image();


	var text1 = new String();
	var text2 = new String();
	var text3 = new String();
	var text4 = new String();
	var text5 = new String();
	var text6 = new String();
	var text7 = new String();
	var text8 = new String();
	var text9 = new String();
	var text10 = new String();
	var text11 = new String();
	var text12 = new String();
	var text13 = new String();
	var text14 = new String();
	var text15 = new String();
	var text16 = new String();
	var text17 = new String();
	var text18 = new String();
	var text19 = new String();
	var text20 = new String();
	var text21 = new String();


	image1.src =  "01.gif";
	image2.src =  "02.gif";
	image3.src =  "03.gif";
	image4.src =  "04.gif";
	image5.src =  "05.gif";
	image6.src =  "06.gif";
	image7.src =  "07.gif";
	image8.src =  "08.gif";
	image9.src =  "09.gif";
	image10.src =  "010.gif";
	image11.src =  "011.gif";
	image12.src =  "012.gif";
	image13.src =  "013.gif";
	image14.src =  "014.gif";
	image15.src =  "015.gif";
	image16.src =  "016.gif";
	image17.src =  "017.gif";
	image18.src =  "018.gif";
	image19.src =  "019.gif";
	image20.src =  "020.gif";
	image21.src =  "021.gif";


	text1 = "1. Egy A/4-es lappal kezünk. A sarkokat hajtsuk középre"; 
 	text2 = "2. A jelzésnél vágjuk le az alsó laprészt."; 
 	text3 = "3. A lap oldalait hajtsuk középre, közben a középső sarkot hajtsuk fel."; 
 	text4 = "4. A műveletet a másik oldalon is végezzük el."; 
 	text5 = "5. A jelzések mentén az alsó két csúcsot enyhén emeljük meg, majd horpasszuk fel egyszerre mind a kettőt. A középen keletkezett laprészt nyissuk szét, és lapítsuk le."; 
 	text6 = "6. A sarkokat hajtsuk hátra."; 
 	text7 = "7. A felső csúcsokat hajtsuk le."; 
 	text8 = "8. A csúcs oldalait hajtsuk középre, így új csúcsot képzünk."; 
 	text9 = "9. A felső csúccsal tegyük ugyanezt."; 
 	text10 = "10. Az előző két műveletet a másik oldalon is végezzük el."; 
 	text11 = "11. Fordítsuk meg a figurát."; 
 	text12 = "12. A sarkokat hajtsuk középre."; 
 	text13 = "13. A csúcsok oldalait hajtsuk be."; 
 	text14 = "14. Az oldalsó laprészeket hajtsuk középre, majd fordítsuk meg a figurát."; 
 	text15 = "15. Zárjuk össze a figurát."; 
 	text16 = "16. A jelzéseknél a csúcs oldalait zárjuk össze."; 
 	text17 = "17. Körülbelül félúton horpasszuk le a csúcsot."; 
 	text18 = "18. A hátsó csúcson is végezzük el az előző két műveletet, de a csúcs az ellenkező irányba nézzen. A lépés végeztével a másik oldalon is alakítsuk ki ugyanígy a két csúcsot."; 
 	text19 = "19. A csúcsok végeit horpasszuk fel."; 
 	text20 = "20. A csúcsokat félig horpasszuk le."; 
 	text21 = "21. Kész a gyík."; 
 }


function firstimage()
{
	thisimage = 1;
	if(document.images)
	{ 
		document.images.imagechange.src=eval("image" + thisimage + ".src");
		document.getElementById("act_phase_num").innerHTML = thisimage;
		document.getElementById("act_phase_text").innerHTML = eval("text" + thisimage);
	}
}
	
function lastimage()
{
	thisimage = imgnum;
	if(document.images)
	{ 
		document.images.imagechange.src=eval("image" + thisimage + ".src");
		document.getElementById("act_phase_num").innerHTML = thisimage;
		document.getElementById("act_phase_text").innerHTML = eval("text" + thisimage);
	}
}

function previousimage()
{
	thisimage--;
	if(thisimage<=0)
	{
		thisimage = 1;
	}
	if(document.images)
	{ 
		document.images.imagechange.src=eval("image" + thisimage + ".src");
		document.getElementById("act_phase_num").innerHTML = thisimage;
		document.getElementById("act_phase_text").innerHTML = eval("text" + thisimage);
	}
}

function nextimage()
{
	thisimage++;
	if(thisimage>=imgnum)
	{
		thisimage = imgnum;
	}
	if(document.images)
	{ 
		document.images.imagechange.src=eval("image" + thisimage + ".src");
		document.getElementById("act_phase_num").innerHTML = thisimage;
		document.getElementById("act_phase_text").innerHTML = eval("text" + thisimage);
	}
}

function selectImage(val)
{
	 if(document.images)
	 { 
		document.images.imagechange.src=eval("image" + val + ".src");
		document.getElementById("act_phase_num").innerHTML = val;
		document.getElementById("act_phase_text").innerHTML = eval("text" + thisimage);
		document.getElementById("phase_steps").innerHTML = imgnum;	
	}
}