﻿ess = (function(){
	return {
		selecionada : 'cabeca',
		lims : {
			cabeca : 10,
			corpo : 10,
			olhos : 10,
			boca : 10,
			acessorio : 8
		},

		init : function() {
			this.cor = Ext.fly('i-cor').dom.value;
			this.parte = {
				cabeca : parseFloat(Ext.fly('i-cabeca').dom.value),
				corpo : parseFloat(Ext.fly('i-corpo').dom.value),
				olhos : parseFloat(Ext.fly('i-olhos').dom.value),
				boca : parseFloat(Ext.fly('i-boca').dom.value),
				acessorio : parseFloat(Ext.fly('i-acessorio').dom.value)
			}
		},

		troca : function (novaParte, i){
			var area = window.location.href.replace(/\/$/,"").split(/\//).pop();
			var prefixo = window.location.href.replace(area, 'imagens/' + area + '/');
			var sufixo = '-trans.png';
			var el = Ext.get(novaParte);

			this.parte[novaParte] += i;

			if (1 <= this.parte[novaParte]) {
				if (this.parte[novaParte] > this.lims[novaParte]) this.parte[novaParte] = 1;
			}
			else this.parte[novaParte] = this.lims[novaParte];

			var arquivo = (this.parte[novaParte] < 10 ? '0' + this.parte[novaParte] : this.parte[novaParte]);

			switch (novaParte) {
				case 'cabeca':
				case 'corpo':
					el.dom.src = prefixo + novaParte + '/' + arquivo + this.cor + sufixo;
					break;
				default:
					el.dom.src = prefixo + novaParte + '/' + arquivo + sufixo;
					break;
			}

			if (typeof(IE7) != 'undefined') {
				IE7.recalc();
			}
		},

		ante : function(){
			this.troca(this.selecionada, -1);
		},

		prox: function(){
			this.troca(this.selecionada, 1);
		},

		colore : function(c){
			this.cor = c;
			this.troca('cabeca', 0);
			this.troca('corpo', 0);
		},

		marca : function(a){
			Ext.get('traco').appendTo(a);
		},

		sel_partes : function(a, p){
			this.marca(a);
			this.selecionada = p;
		}
	}
})();

function preenche() {
	Ext.fly('i-cor').dom.value = ess.cor;
	for (var k in ess.parte) {
		Ext.fly('i-'+k).dom.value = ess.parte[k];
	}
}

Ext.onReady(ess.init, ess);
