// JavaScript Document
Window.onDomReady(function() {
	var v1b = ["$('id111')","$('id112')","$('id113')"];
	var v1t = ['Caballero', 'Señora', 'Niño'];
	var v1m = ['.m111', '.m112', '.m113'];
	var w1m = ['.m211', '.m212', '.m213'];
	var w1b = ["$('id211')","$('id212')","$('id213')"];
	var w1t = ['Caballero', 'Señora', 'Niño'];
	var p1m = ['.m311', '.m312', '.m313'];
	var p1b = ["$('id311')","$('id312')","$('id313')"];
	var p1t = ['Caballero', 'Señora', 'Niño'];
	var v2b = ["$('id121')","$('id122')","$('id123')", "$('id124')", "$('id125')"];
	var v2t = ['Cara maquillada', 'Cara esculpida', 'Cara abstracta', 'Sin cabeza', 'De trapo'];
	var v2m = ['.m121', '.m122', '.m123', '.m124','.m125'];
	var v2mm = ['m121', 'm122', 'm123', 'm124', 'm125'];
	var w2b = ["$('id221')","$('id222')","$('id223')", "$('id224')","$('id225')"];
	var w2t = ['De confección', 'Anatómico', 'Otros tipos', 'Con brazos', 'Especiales'];
	var w2m = ['.m221', '.m222', '.m223', '.m224', '.m225'];
	var w2mm = ['m221', 'm222', 'm223', 'm224', 'm225'];
	var p2b = ["$('id321')","$('id322')"];
	var p2t = ['Blanda', 'Rígida'];
	var p2m = ['.m321', '.m322'];
	var p2mm = ['m321', 'm322'];	
	var v3b = ["$('id131')","$('id132')","$('id133')", "$('id134')"];
	var v3t = ['De pie', 'Sentado', 'A suelo', 'Especial'];
	var v3m = ['.m131', '.m132', '.m133', '.m134'];
	var v3mm = ['m131', 'm132', 'm133', 'm134'];	
	var w3b = ["$('id231')","$('id232')"];
	var w3t = ['Cortos', 'Medias piernas'];
	var w3m = ['.m231', '.m232'];
	var w3mm = ['m231', 'm232'];
	function f13(tit,pos,vt,vm,vb,dd,vmm,posant,oo,pp) {
		var vh = dd.innerHTML;
		var vhtml = vh.replace(tit, vt[pos]);
		var vtb = vt.copy();
		var vbb = vb.copy();
		var vtb2 = vtb.remove(vtb[pos]);
		var vbb2 = vbb.remove(vbb[pos]);
		for(re=0; re < vtb2.lenght; re++) {
			var vhtml = vhtml.replace(vtb2[re], vt[pos]);
		}
		dd.empty();
		dd.setHTML(vhtml);
		for(st=0; st < vbb2.lenght; st++) {
			vbb2[st].setText(vtb[st]);
		}	
		$$('.posul2').toggleClass('posul2');
		//new Event().stop();
		var miAjax = new Ajax('tabla.php',
		{
			method: 'post',
			data:'op1='+oo+'&op2=' + pp+'&op3='+posant+'&op4='+pos,
			update: $('tablasel')
		});
		miAjax.request();
		if (dd == $('posicion')) {
			var claseanterior = v2m[posant];
		}
		if (dd == $('piernas')) {
			var claseanterior = w2m[posant];
		}
		if (dd == $('tipo')) {
			var claseanterior = p2m[posant];
		}	
		$$(claseanterior).filterByClass('online').toggleClass('online');
		var claseactual = vmm[pos];
		var count4 = 0;
    	$$(claseanterior).filterByClass(claseactual).each(function() {  
        	count4++; 
    	});
		if (count4 > 0) {			
			$$(claseanterior).filterByClass(claseactual).toggleClass('online');
		}
	}
	function f12(tit,pos,vt,vm,vb,dd,vmm,vrec,or,posi) {
		var vh = dd.innerHTML;
		var vhtml = vh.replace(tit, vt[pos]);
		var vtb = vt.copy();
		var vbb = vb.copy();
		var vtb2 = vtb.remove(vtb[pos]);
		var vbb2 = vbb.remove(vbb[pos]);
		for(re=0; re < vtb2.lenght; re++) {
			var vhtml = vhtml.replace(vtb2[re], vt[pos]);
		}
		dd.empty();
		dd.setHTML(vhtml);
		for(st=0; st < vbb2.lenght; st++) {
			vbb2[st].setText(vtb[st]);
		}	
		$$('.posul2').toggleClass('posul2');
		//new Event().stop();
		var miAjax = new Ajax('tabla.php',
		{
			method: 'post',
			data:'op1='+or+'&op2=' + posi+'&op3='+pos,
			update: $('tablasel')
		});
		miAjax.request();
		$$(vrec).toggleClass('online');
		var claseactual = vmm[pos];
		var count3 = 0; 
    	$$(vrec).filterByClass(claseactual).each(function() {  
        	count3++; 
    	}); 
		if (count3 > 0) {
			$$(vrec).filterByClass(claseactual).toggleClass('online');
		}
		if (dd == $('acabado')) {
			$('id131').addEvent('click', function () {
				f13("Posición",0, v3t, v3m, v3b, $('posicion'),v3mm,pos,or,posi);
			});
			$('id132').addEvent('click', function () {
				f13("Posición",1, v3t, v3m, v3b, $('posicion'),v3mm,pos,or,posi);
			});
			$('id133').addEvent('click', function () {
				f13("Posición",2, v3t, v3m, v3b, $('posicion'),v3mm,pos,or,posi);
			});
			$('id134').addEvent('click', function () {
				f13("Posición",3, v3t, v3m, v3b, $('posicion'),v3mm,pos,or,posi);
			});
		}
		if (dd == $('acabadob')) {
			$('id231').addEvent('click', function () {
				f13("Piernas",0, w3t, w3m, w3b, $('piernas'),w3mm,pos,or,posi);
			});
			$('id232').addEvent('click', function () {
				f13("Piernas",1, w3t, w3m, w3b, $('piernas'),w3mm,pos,or,posi);
			});
		}
	}
	function f11(tit, pos, vt, vm, vb, dd,or) {
		var vh = dd.innerHTML;
		var vhtml = vh.replace(tit, vt[pos]);
		var vtb = vt.copy();
		var vbb = vb.copy();
		var vtb2 = vtb.remove(vtb[pos]);
		var vbb2 = vbb.remove(vbb[pos]);
		for(re=0; re < vtb2.lenght; re++) {
			var vhtml = vhtml.replace(vtb2[re], vt[pos]);
		}
		dd.empty();
		dd.setHTML(vhtml);
		for(st=0; st < vbb2.lenght; st++) {
			vbb2[st].setText(vtb[st]);
		}	
		$$('.posul2').toggleClass('posul2');
		//new Event().stop();
		var miAjax = new Ajax('tabla.php',
		{
			method: 'post',
			data:'op1='+or+'&op2=' + pos,
			update: $('tablasel')
		});
		miAjax.request();
		if (dd == $('genero')) {
			$('id121').addEvent('click', function () {
				f12("Acabado",0, v2t, v2m, v2b, $('acabado'),v2mm,vm[pos],or,pos);
			});
			$('id122').addEvent('click', function () {
				f12("Acabado",1, v2t, v2m, v2b, $('acabado'),v2mm,vm[pos],or,pos);
			});
			$('id123').addEvent('click', function () {
				f12("Acabado",2, v2t, v2m, v2b, $('acabado'),v2mm,vm[pos],or,pos);
			});
			$('id124').addEvent('click', function () {
				f12("Acabado",3, v2t, v2m, v2b, $('acabado'),v2mm,vm[pos],or,pos);
			});
			$('id125').addEvent('click', function () {
				f12("Acabado",4, v2t, v2m, v2b, $('acabado'),v2mm,vm[pos],or,pos);
			});
		}
		if (dd == $('generob')) {
			$('id221').addEvent('click', function () {
				f12("Acabado",0, w2t, w2m, w2b, $('acabadob'),w2mm,vm[pos],or,pos);
			});
			$('id222').addEvent('click', function () {
				f12("Acabado",1, w2t, w2m, w2b, $('acabadob'),w2mm,vm[pos],or,pos);
			});
			$('id223').addEvent('click', function () {
				f12("Acabado",2, w2t, w2m, w2b, $('acabadob'),w2mm,vm[pos],or,pos);
			});
			$('id224').addEvent('click', function () {
				f12("Acabado",3, w2t, w2m, w2b, $('acabadob'),w2mm,vm[pos],or,pos);
			});
			$('id225').addEvent('click', function () {
				f12("Acabado",4, w2t, w2m, w2b, $('acabadob'),w2mm,vm[pos],or,pos);
			});
		}
		if (dd == $('generop')) {
			$('id321').addEvent('click', function () {
				f12("Maniquí",0, p2t, p2m, p2b, $('maniquip'),p2mm,vm[pos],or,pos);
			});
			$('id322').addEvent('click', function () {
				f12("Maniquí",1, p2t, p2m, p2b, $('maniquip'),p2mm,vm[pos],or,pos);
			});
		}	
	}
	function principal(uno,dos) {
		$$('.lion').toggleClass('lion');	
		uno.toggleClass('lion');
		$$('.posul2').toggleClass('posul2');	
		dos.toggleClass('posul2');
	};
	$('maniqui').addEvent('click', function () {
		$$('.encendido').toggleClass('encendido');
		$('maniqui').toggleClass('encendido');	
		$$('.pos2').toggleClass('pos2');
		$('mans').toggleClass('pos2');
		$('ft').removeClass('fton');
		$('ft').addClass('ftoff');
	});	
	$('busto').addEvent('click', function () {
		$$('.encendido').toggleClass('encendido');	
		$('busto').toggleClass('encendido');
		$$('.pos2').toggleClass('pos2');
		$('busts').toggleClass('pos2');
		$('ft').removeClass('fton');
		$('ft').addClass('ftoff');
	});	
	$('peluca').addEvent('click', function () {
		$$('.encendido').toggleClass('encendido');	
		$('peluca').toggleClass('encendido');
		$$('.pos2').toggleClass('pos2');
		$('pelus').toggleClass('pos2');
		$('ft').removeClass('fton');
		$('ft').addClass('ftoff');
	});
	$('genero').addEvent('mouseover', function () {
		principal($('genero'),$('genero2'));
	});
	$('acabado').addEvent('mouseover', function () {
		principal($('acabado'),$('acabado2'));
	});		
	$('posicion').addEvent('mouseover', function () {
		principal($('posicion'),$('posicion2'));
	});
	$('generob').addEvent('mouseover', function () {
		principal($('generob'),$('genero3'));
	});
	$('acabadob').addEvent('mouseover', function () {
		principal($('acabadob'),$('acabado3'));
	});		
	$('piernas').addEvent('mouseover', function () {
		principal($('piernas'),$('piernas2'));
	});
	$('generop').addEvent('mouseover', function () {
		principal($('generop'),$('genero4'));
	});
	$('maniquip').addEvent('mouseover', function () {
		principal($('maniquip'),$('maniqui4'));
	});		
	$('id111').addEvent('click', function () {
		f11("Género", 0, v1t, v1m, v1b, $('genero'),1);
	});
	$('id112').addEvent('click', function () {
		f11("Género", 1, v1t, v1m, v1b, $('genero'),1);
	});
	$('id113').addEvent('click', function () {
		f11("Género", 2, v1t, v1m, v1b, $('genero'),1);
	});
	$('id211').addEvent('click', function () {
		f11("Género", 0, w1t, w1m, w1b, $('generob'),2);
	});
	$('id212').addEvent('click', function () {
		f11("Género", 1, w1t, w1m, w1b, $('generob'),2);
	});
	$('id213').addEvent('click', function () {
		f11("Género", 2, w1t, w1m, w1b, $('generob'),2);
	});
	$('id311').addEvent('click', function () {
		f11("Género", 0, p1t, p1m, p1b, $('generop'),3);
	});
	$('id312').addEvent('click', function () {
		f11("Género", 1, p1t, p1m, p1b, $('generop'),3);
	});
	$('id313').addEvent('click', function () {
		f11("Género", 2, p1t, p1m, p1b, $('generop'),3);
	});
});