Ext.onReady(function(){
		var step = window.step || 0;
		var image_dir = "images/steps/strawberry_surprise/";
		
		var images = new Array("img01.jpg", "img02.jpg", "img03.jpg", "img04.jpg", "img05.jpg");


		var descriptions = new Array("<p>1. Take a clay pot and wedge a piece of Styrofoam into the base, slightly below the lip of the pot. Make sure the Styrofoam is level so the topiary does not tilt. Take  a whole piece of wet oasis and stand it up tall; pin it to the Styrofoam using 4&quot; florist picks. With a knife, trim the oasis from the top down into a cone shape, with the smallest portion at the top.</p>","<p>2. Add short pieces of greenery, preferably boxwood, loosely around cone, enough to cover the majority of the oasis. Make sure to leave enough room to add strawberries.</p>", "<p>3. Insert a 3&quot;  pick into the oasis, and push the strawberry onto pick. Insert the pick deep enough so that it does not come out of the front of strawberry. (If you insert the pick into the strawberry and then try to put it into the oasis, the pick will push through the front.)</p>", "<p>4. Once all the strawberries are placed, fill any bare spots with extra greenery, seeded eucalyptus, or any other accents you wish to add.</p>", "<p>5. Enjoy your Strawberry Topiary centerpiece!</p>"  );	
			

	var vimg = Ext.getDom('viewer_img');
	var vtext = Ext.getDom('viewer_text');
	
	Ext.get('next').on('click', function(){
		Ext.get('ss_left').show();
		step = step + 1;
		if(step>images.length-1){
			step=0;
		}
		vimg.src = image_dir + images[step];
		vtext.innerHTML = descriptions[step];
		if(step==images.length-1){
			Ext.get('ss_right').hide();
		}
	});
	
	Ext.get('prev').on('click', function(){
		Ext.get('ss_right').show();
		step = step - 1;
		if(step<0){
			step=images.length-1;
		}
		vimg.src = image_dir + images[step];
		vtext.innerHTML = descriptions[step];
		if(step==0){
			Ext.get('ss_left').hide();
		}
																			 
	});
	
	
	//load intial photo and text
	vimg.src = image_dir + images[step];
	vtext.innerHTML = descriptions[step];
	
	//hide previous button initially
	Ext.get('ss_left').hide();
	
});