var imgnum = 13;
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 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();


	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";


	text1 = "1. A jobbfelső sarok oldalait hajtsuk középre, így új csúcsot képzünk."; 
 	text2 = "2. A balalsó sarkon is végezzük el az előző lépést."; 
 	text3 = "3. A jelzés mentén nyissuk szét a csúcsot, és lapítsuk le."; 
 	text4 = "4. A jobbfelső laprészt hajtsuk a balalsó alá."; 
 	text5 = "5. A csúcsot nyissuk szét és lapítsuk le."; 
 	text6 = "6. A jelzésnél a laprészeket mindkét oldalt hajtsuk a figura belsejébe."; 
 	text7 = "7. A jelzéseknél ismételjük meg az előző lépést."; 
 	text8 = "8. Horpasszuk be a kis sarkot."; 
 	text9 = "9. A csúcsot a jelzéseknél horpasszuk be, majd vissza."; 
 	text10 = "10. A csúcs végét horpasszuk le."; 
 	text11 = "11. A csúcs végét a jelzéseknél horpasszuk be, majd vissza."; 
 	text12 = "12. A csúcsot a jelzéseknél egyenként horpasszuk a megadott irányba az eddig bemutatott módon (horpasztás be és vissza)."; 
 	text13 = "13. Kész a csikóhal."; 
 }


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;	
	}
}