phocus.DOM.onDOMReady=function()
{
	var gals=phocus.DOM.getnodes('div.gallery');
	if(gals.length>0)
		for(var i=0;i<gals.length;i++)
			new Gallery(gals.node(i));
}

function Gallery(gal)
{
	this.gal=gal;
	this.imgs=[];
	this.pointer=0;
	this.timer=3000;
	this.init();
}
var $pr = Gallery.prototype;
$pr.init=function()
{
	var imgs=this.gal.getnodes('img');
	this.imgs=[];
	for(var i=0;i<imgs.length;i++)
		this.imgs.push(imgs.node(i).get('src'));
	imgs.deletenode();
	
	this.container=this.gal.addnode('div','END',{className:'container'});
	this.controls = this.gal.addnode('div','END',{className:'controls'});
	var prev = this.controls.addnode('a','END',{href:'javascript:void(0);'},'Prev ');
	this.controls.addnode('span','END',null,' | ');
	var next = this.controls.addnode('a','END',{href:'javascript:void(0);'},' Next');
	var _gal=this;
	prev.setevent('click',function(){_gal.prev()});
	next.setevent('click',function(){_gal.next()});
	
	this.curimg=this.container.addnode('img','END',{src:this.imgs[this.pointer]});
	this.curimg=this.curimg.node(0);
}
$pr.prev=function()
{
	if(!this.loading)
		this.goimg(this.pointer-1);
}
$pr.next=function()
{
	if(!this.loading)
		this.goimg(this.pointer+1);
}
$pr.goimg=function(delta)
{
	this.loading=true;

	this.pointer=delta>=this.imgs.length ? 0 : delta<0 ? this.imgs.length-1 : delta ;
	
	if(this.oldimg)
		this.oldimg.deletenode();
	this.oldimg=this.curimg;
	
	this.curimg=this.container.addnode('img');
	this.curimg=this.curimg.node(0);
	
	this.curimg.set('z',2);
	this.oldimg.set('z',1);
	
	this.controls.set('alpha',50);
	
	this.curimg.set('alpha',1);
	var _gal=this;
	this.curimg.setevent('load',function(){_gal.openimg()});
	
	this.curimg.set('src',this.imgs[this.pointer]);
}
$pr.openimg=function()
{
	this.curimg.fadein(10,0,'linear');
	this.loading=false;
	this.controls.set('alpha',100);
}