$.Portifolio = function (id, el) {
	
	var me = this;
	var $element = this.$element = $(el);
	var $containerFoto = $element.find('.borda');
	var indice = 0;
	var $arrowLeft = $element.find('.arrow-left');
	var $arrowRight = $element.find('.arrow-right');
	
	this.setIndice = function(val) {
		me.indice = val;
	}

	this.loadFoto = function() {
		$containerFoto.find('img').bind("load", function (e) {
			$(this).fadeTo('fast', 1);
			me.bindclick();
		});
	};

	this.show = function() {
		me.unbindclick();
		$containerFoto.find('img')
			.fadeTo('fast', .01)
			.queue(function () {
				$(this)
				.dequeue()
				.attr('src', dadosPortifolio[id].fotos[me.indice].foto);
			});
		$element.find('.ampliar').attr('href', dadosPortifolio[id].fotos[me.indice].fotoMaior);
		$element.find('.titulo').text(dadosPortifolio[id].fotos[me.indice].titulo);
		$element.find('.local').text(dadosPortifolio[id].fotos[me.indice].local);
	};
	
	this.passarPara = function(value) {
		me.indice = ((value % dadosPortifolio[id].fotos.length) + dadosPortifolio[id].fotos.length) % dadosPortifolio[id].fotos.length;
		me.show();
	};
	
	this.anterior = function (e) {
		me.passarPara(me.indice - 1);
	};
	
	this.proximo = function (e) {
		me.passarPara(me.indice + 1);
	};
	
	this.bindclick = function(){
		$arrowLeft.bind("click",this.anterior);
		$arrowRight.bind("click",this.proximo);
	};
	
	this.unbindclick = function(){
		$arrowLeft.unbind("click",this.anterior);
		$arrowRight.unbind("click",this.proximo);
	};
	
	this.bindclick();
	
	this.loadFoto();
	
};

var dadosPortifolio = []; //array com os dados
var portifolio_arr = [];