// JavaScript Document

function resetCollageTimer(){
	if(todo._collageTimer)window.clearInterval(todo._collageTimer);
	todo._collageTimer=window.setInterval(function(){todo.get('collage')._next();},10000);
};

todo.onload(function(){
	var collage=todo.get('collage'),
		ul=collage.getElementsByTagName('ul')[0],
		ol=collage.getElementsByTagName('ol')[0];
	collage._next=function(){
		var li=this.getElementsByTagName('ul')[0].getElementsByTagName('li');
		for(var i=0;i<li.length;i++){
			if(li[i].className=='selected'){
				li[i+1==li.length?0:i+1]._select();
			}
		}
	};
	todo.loop(ul.getElementsByTagName('li'),function(){
		this._pos=function(){
			var pos=0,e=this;
			while(e=e.previousSibling)if(e.nodeName.toLowerCase()=='li')pos++;
			return pos;
		};
		this._select=function(){
			resetCollageTimer();
			var li=this.parentNode.getElementsByTagName('li');
			for(var i=0;i<li.length;i++)if(li[i].className=='selected'){
				li[i].className=null;
				todo.opacity(this,1);
				todo.opacity(li[i],0,50,false,function(index){return function(){
					var li=this.parentNode.getElementsByTagName('li');
					for(var i=0;i<li.length;i++)li[i].style.zIndex=(i<index?0:li.length)+li.length-i;
					li[index].className='selected';
					ol_li=todo.get('collage').getElementsByTagName('ol')[0].getElementsByTagName('li');
					todo.loop(ol_li,function(){this.className=null;});
					ol_li[index].className='selected';
				};}(this._pos()));
				break;
			};
		}
	})
	
	todo.loop(ol.getElementsByTagName('li'),function(){
		this._pos=function(){
			var pos=0,e=this;
			while(e=e.previousSibling)if(e.nodeName.toLowerCase()=='li')pos++;
			return pos;
		};
		this.onclick=function(){
			todo.get('collage').getElementsByTagName('ul')[0].getElementsByTagName('li')[this._pos()]._select();
		}
	});
	resetCollageTimer();
});