
$(document).ready(function() {
	CambioResultado();
});

sin_click = 1;

s1 = 0;
s2 = 0;
s3 = 0;

as1 = 1;
as2 = 1;
as3 = 1;

espacio = 0;
huecos = 18;
huecosT = 18;
difTotal = 0;

color = new Array();
color[0] = "rojo";
color[1] = "verde";
color[2] = "naranja";
maxi = 0;

dif1=0;
dif2=0;
dif3=0;

slider = new Array();
////
cambiando = false;

se_movio = true;

/////

function Completa(){
	//alert("cambiando: "+cambiando);
	//cambiando = false;
}
function TerminoEfecto(){
	cambiando = false;
	//alert("termino");
}

function CambioResultado(){
	//barra_verde_por
	//barra_naranja_por
	//barra_roja_por
	ActualizaSliders();
	
	if(cambiando==true){
		return(0);
	}
	
	cambiando = true;
	
	setTimeout ( "TerminoEfecto()", 900 );
	
	
	s1 = barra_roja_por/10;
	s2 = barra_verde_por/10;
	s3 = barra_naranja_por/10;
	
	se_movio = false;
	
	if(s1!=as1){
		se_movio = true;
	}
	if(s2!=as2){
		se_movio = true;
	}
	if(s3!=as3){
		se_movio = true;
	}
	
	if(se_movio==false){
		return(0);
	}
	
	as1 = s1;
	as2 = s2;
	as3 = s3;
	
	
	slider[1] = s1;
	slider[2] = s2;
	slider[3] = s3;
	
	
	espacio = Math.ceil( (30-(s1+s2+s3))/3 );
	huecos = huecosT - espacio;
	difTotal = Math.abs(s1-s2-s3);
	
	//alert("difTotal: "+difTotal);
	//alert("huecos: "+huecos);
	
	
	
	if(difTotal<=0){
		
		if(sin_click==0){
			MostrarGrandes(0,espacio,1);
			espacio -= 6;
			MostrarGrandes(1,espacio,1);
			espacio -= 6;
			MostrarGrandes(2,espacio,1);
			
			MostrarPeques(0,huecos/3);
			MostrarPeques(1,huecos/3);
			MostrarPeques(2,huecos/3);
		}else{
			MostrarGrandes(0,espacio,1);
			espacio -= 6;
			MostrarGrandes(1,0,1);
			espacio -= 6;
			MostrarGrandes(2,0,1);
			
			MostrarPeques(0,huecos/3);
			MostrarPeques(1,0);
			MostrarPeques(2,0);			
		}
		
		
	}else{
		maxi = Mayor();
		MostrarGrandes(0,0,0);
		MostrarGrandes(1,0,0);
		MostrarGrandes(2,0,0);
		
		dif1 = Dif1();
		dif2 = Dif2();
		dif3 = Dif3();
		
		//alert("mayor: "+maxi);
		
		MostrarGrandes(maxi-1,espacio,2);
		
		uso1 = (difTotal/10)*huecos+3;
		
		MostrarPeques(0,0,5);
		MostrarPeques(1,0,5);
		MostrarPeques(2,0,5);
		
		MostrarPeques(maxi-1,uso1,slider[maxi]);
		
		if(maxi == 1){
			uso2 =  (dif2/10)*huecos;
			MostrarPeques(1,uso2,s2);
			uso3 =  (dif3/10)*huecos;
			MostrarPeques(2,uso3,s3);
		}
		if(maxi == 2){
			uso3 =  (dif3/10)*huecos;
			MostrarPeques(2,uso3,s3);
			uso1 =  (dif1/10)*huecos;
			MostrarPeques(0,uso1,s1);
		}
		if(maxi == 3){
			uso2 =  (dif2/10)*huecos;
			MostrarPeques(1,uso2,s2);
			uso1 =  (dif1/10)*huecos;
			MostrarPeques(0,uso1,s1);
		}	
		
	}
	
}


function Dif1(){
	dif = 0;
	if(s2>s3){
		dif = (s1 - s2);
	}else{
		dif = (s1 - s3);
	}
	return dif;
}


function Dif2(){
	dif = 0;
	if(s1>s3){
		dif = (s2 - s1);
	}else{
		dif = (s2 - s3);
	}
	return dif;
}

function Dif3(){
	dif = 0;
	if(s1>s2){
		dif = (s3 - s1);
	}else{
		dif = (s3 - s2);
	}
	return dif;
}


function Mayor(){
	mayor = 1;
	if(s1>=s2){
		mayor = 1;
		if(s3>=s1){
			mayor = 3;
		}
	}else{
		if(s2>=s3){
			mayor = 2;
		}else{
			mayor = 3;
		}
	}
	return mayor;
}

function MostrarPeques(num_color,esp,uso){
	//usar1
	if(uso>0){
		esp = Math.abs(esp);
	}
	if(!uso){
		uso = 3;
	}
	
	$("#peque"+color[num_color]+"1").fadeOut(400);
	$("#peque"+color[num_color]+"2").fadeOut(400);
	$("#peque"+color[num_color]+"3").fadeOut(400);
	$("#peque"+color[num_color]+"4").fadeOut(400);
	$("#peque"+color[num_color]+"5").fadeOut(400);
	$("#peque"+color[num_color]+"6").fadeOut(400);
	$("#peque"+color[num_color]+"7").fadeOut(400);
	

	if(esp >= 1 && uso >= 1){
		$("#peque"+color[num_color]+"1").fadeIn("slow");
	}
	esp -= 1;
	if(esp >= 1 && uso >= 2){
		$("#peque"+color[num_color]+"2").fadeIn("slow");
	}
	esp -= 1;
	if(esp >= 1 && uso >= 3){
		$("#peque"+color[num_color]+"3").fadeIn("slow");
	}
	esp -= 1;
	if(esp >= 1 && uso >= 4){
		$("#peque"+color[num_color]+"4").fadeIn("slow");
	}
	esp -= 1;
	if(esp >= 1 && uso >= 5){
		$("#peque"+color[num_color]+"5").fadeIn("slow");
	}	
	esp -= 1;
	if(esp >= 1 && uso >= 6){
		$("#peque"+color[num_color]+"6").fadeIn("slow");
	}
	esp -= 1;
	if(esp >= 1 && uso >= 7){
		$("#peque"+color[num_color]+"7").fadeIn("slow");
	}
}


function MostrarGrandes(num_color,esp,usar){
	//usar1
	$("#grande"+color[num_color]+"1").fadeOut(400);
	$("#grande"+color[num_color]+"2").fadeOut(400);
	
	//alert(color[num_color]+"  esp: "+esp+"  usar: "+usar);
	
	if(usar>=1 && esp >= 4){
		$("#grande"+color[num_color]+"1").fadeIn("slow");
	}
	esp -= 4;
	if(usar>=2 && esp >= 4){
		$("#grande"+color[num_color]+"2").fadeIn("slow");
	}
}

function Medidor(){
	texto = $("#twitter").val();
	if(texto==""){
		alert("Ingresa tu usuario de twitter");
	}else{	
	
		datos = '<div style="margin:7px;"><h1 class="medidor_h1">Medidor de esponateidad</h1><h2 class="medidor_h2">Midiendo...</h2> </div>';
		
		$("#medidor").html(datos);
		
		$.get("twitter.php?url="+texto, function(data){
			$("#medidor").html(data);
		});
	}
}
