var ProtoPhoto = Class.create({
	
	initialize: function(elem, opt) {
		opt = opt || {};
		
		this.options = {
			top: 246,
			backgroundColor: '#C4E5F6',
			color: '#1776B8',
			size: 38,
		};
		
		Object.extend(this.options, opt);
		
		this.elem=$(elem);
		
		if (!this.elem) {
			return;
		}
		
		this.imageStack=this.elem.select('div');
		this.selected=0;
		this.total=this.imageStack.length-1;
		
		
		var width=$(this.elem.firstChild.firstChild).getWidth();
		
		this.dCont=new Element('div', { 'style': 'font-weight: bold; position: absolute; font-size: ' + this.options.size + 'px; color: ' + this.options.color+ '; background-color: '+ this.options.backgroundColor +'; margin-top:' + this.options.top + 'px; width: ' + width + 'px;'});
		this.left=new Element('div', {'style':'cursor: pointer; float: right; padding: 4px; height:' + this.options.size + 'px;' }).update("<");
		this.right=new Element('div',{'style':'cursor: pointer; float: right; padding: 4px; height:' + this.options.size + 'px;' }).update(">");
		
		this.elem.appendChild(this.dCont);
		this.dCont.appendChild(this.right);
		this.dCont.appendChild(this.left);
		
		this.left.onclick=function() {
			this.goleft();
		}.bind(this);
		this.right.onclick=function() {
			this.goright();
		}.bind(this);
	},
	
	goleft: function() {
		this.imageStack[this.selected].hide();
		
		if (this.selected==0) {
			this.selected=this.total;
		} else {
			this.selected--;
		}
		
		this.imageStack[this.selected].show();
	},
	
	goright: function() {
		this.imageStack[this.selected].hide();
		
		if (this.selected==this.total) {
			this.selected=0;
		} else {
			this.selected++;
		}
		
		this.imageStack[this.selected].show();
	}
});