$(document).ready(function() {
		var activa = true;
		
		function finAnima() {
			activa = true;
		}
		
/******* BOTONES **********/
		
		var indicadores = new Array('#indica1', '#indica2', '#indica3', '#indica4', '#indica5', '#indica6', '#indica7', '#indica8', '#indica9', '#indica10', '#indica11', '#indica12', '#indica13', '#indica14', '#indica15', '#indica16', '#indica17', '#indica18', '#indica19', '#indica20', '#indica21', '#indica22', '#indica23', '#indica24', '#indica25', '#indica26');
		var indicaIndica = new Array();
		var posX = new Array();
		
/*********** LOOP DE BOTONES **********/

		for (var i = 0; i < indicadores.length; i++) {
			indicaIndica[i] = true;
			//$( indicadores[i] ).html('Poliester ' + (i + 1) );
			$( indicadores[i] ).css({'background-color' : '#000'});
			$( indicadores[i] ).css({'color' : '#00aeef'});
			posX[i] = new String('-' + (900 * (i + 2) ) + 'px');
			indicaApreta(i);
		}
		
/********** FUNCION OVER-OUT-PRESS INDICADOR *************/

		function indicaApreta(num1) {
			$( indicadores[num1] ).hover(
				function() {
					if (indicaIndica[num1] ) {
						$( indicadores[num1] ).css({'background-color' : '#ffffff'});
						$( indicadores[num1] ).css({'color' : '#000000'});
					}
				},
				function() {
					if (indicaIndica[num1] ) {
						$( indicadores[num1] ).css({'background-color' : '#000000'});
						$( indicadores[num1] ).css({'color' : '#00aeef'});
					}
				}
			);
			$( indicadores[num1] ).click(function() {
				if (activa && indicaIndica[num1] ) {
					activa = false;
					
					for (var f = 0; f < indicadores.length; f++) {
						indicaIndica[f] = true;
						$( indicadores[f] ).css({'background-color' : '#000000'});
						$( indicadores[f] ).css({'color' : '#00aeef'});
					}
					
					indicaIndica[num1] = false;
					$( indicadores[num1] ).css({'background-color' : '#ffffff'});
					$( indicadores[num1] ).css({'color' : '#000000'});
					
					if (num1 == 0) {
						$('#cont_poliester').stop().animate({opacity:'0'}, {duration: 500}).animate({left : '-900px'}, {duration: 1}).animate({opacity:'1'}, {duration: 500, complete: function(){finAnima();} });
					} else {
						$('#cont_poliester').stop().animate({opacity:'0'}, {duration: 500}).animate({left : posX[num1 - 1]}, {duration: 1}).animate({opacity:'1'}, {duration: 500, complete: function(){finAnima();} });
					}
				}
			});
		}
	});