Ext.onReady(function()
{
	var photos = 
	{
		"frames":[],
		"current": 0
	};
					
	var elemP = Ext.get("photos"); 
	var frames = Ext.query("LI[class=photo-frame]", elemP.dom);


	for(var f=0; f<frames.length; f++)
	{
		frames[f].id = "photo-frame-" + f;
		
		photos.frames[f] = 
		{
			"id":frames[f].id, 
			"images":[],
			"current": 0
		}; 
		
		var images = Ext.query("IMG", frames[f]);
		
		for(var i=0; i<images.length; i++)
		{
			images[i].id = frames[f].id + "-" + i;
			
			photos.frames[f].images[i] = 
			{
				"id": images[i].id
			};
						
			var img = Ext.get(images[i]);				
			img.setVisibilityMode(Ext.Element.DISPLAY);
		}
	}
	
	var fnRotate = function(f)
	{
	
		if(f >= photos.frames.length)
		{
			return;
		}
			
		var frame = photos.frames[f];
		var index = frame.current;
		var img = Ext.get(frame.images[index].id);
		img.hide(false);
		
		index++;
		if(index >= frame.images.length)
		{
			index = 0;
		}
		
		frame.current = index;
		img = Ext.get(frame.images[index].id);
		
		img.show({duration: .5});
	};
	
	var fnRotate1 = function() { fnRotate(0); }
	var fnRotate2 = function() { fnRotate(1); }
	var fnRotate3 = function() { fnRotate(2); }
	
	window.setInterval(fnRotate1, 5000);
	
	window.setTimeout(function()
	{
		window.setInterval(fnRotate2, 5000);
	}, 500);
	
	window.setTimeout(function() 
	{
		window.setInterval(fnRotate3, 5000);
	}, 1000);
	
});