ProjectView = Class.create( {
	_projects : null,
	_pointer : null,
	
	initialize: function() {
		this._projects = new Array();
		this._pointer = 0;		
		
	},
	
	addProject: function (project) {
		this._projects.push(project);
	},
	
	update: function (pointer) {		
		this._pointer = pointer;		
		// display image
		$('projectImage').setStyle({backgroundImage:'url('+this._projects[this._pointer]+')'});	
		
		this.showProject(pointer);
		
	},

	showProject: function (pointer) {		
		var links = $$('#projectInfo .updatesProject');
	    links.each(function(item) {
	        item.addClassName('hidden');
	    });        
		$('updates'+this._pointer).removeClassName('hidden');
		//alert(this._pointer);
	},
	
	
	nextProject: function () {		
		if(this._pointer < this._projects.size() -1) {
			this._pointer ++;
			this.update(this._pointer);
		} else if (this._pointer == (this._projects.size() - 1)) {
			this._pointer = 0;
			this.update(this._pointer);		
		}
	},
	
	previousProject: function () {		
		if (this._pointer > 0) {
			this._pointer --;
			this.update(this._pointer);
		} else if(this._pointer == 0) {
			this._pointer = (this._projects.size() - 1);
			this.update(this._pointer);
		}
	},
	
	toggleInfo: function () {
		$('linkBox').toggleClassName('hidden');
		$('projectInfo').toggleClassName('hidden');
	}	
});

var projectView;