// JavaScript Document


function ActualizaSliders(){
	$( "#slider1" ).slider({
		value:barra_roja_por/10
	});
	$( "#slider2" ).slider({
		value:barra_verde_por/10
	});
	$( "#slider3" ).slider({
		value:barra_naranja_por/10
	});		
}

function Movimiento(){
	////
}
	
$(document).ready(function() {
	$("#barra_naranja").show();
	$("#barra_roja").show();
	$("#barra_verde").show();	
	
	/////////
	barra_verde_px_t = (-5*30)-10;
	$("#barra_verde").css({'backgroundPosition': + 0 + 'px ' + barra_verde_px_t + 'px'});
	
	barra_naranja_px_t = (-5*20)-10;
	barra_naranja_px_x_t = 20*5;
	
	$("#barra_naranja").css({'backgroundPosition': + barra_naranja_px_x_t + 'px ' + barra_naranja_px_t + 'px'});
	
	barra_roja_px_x_t = -5*20;
	barra_roja_px_t = (-5*20)-10;
	
	$("#barra_roja").show();
	$("#barra_roja").css({'backgroundPosition': + barra_roja_px_x_t + 'px ' + barra_roja_px_t + 'px'});	
	
});

function PrimerClick(){
	if(sin_click == 1){
		$("#barra_verde").css({'backgroundPosition': + 0 + 'px ' + barra_verde_px + 'px'});
		$("#barra_roja").css({'backgroundPosition': + barra_roja_px_x + 'px ' + barra_roja_px + 'px'});	
		$("#barra_naranja").css({'backgroundPosition': + barra_naranja_px_x + 'px ' + barra_naranja_px + 'px'});
		
		ActualizaSliders();
		
		$("#bloquesocial").hide();
		
		$("#twitter_grande").hide();
		$("#mapa_grande").hide();
	}
	sin_click = 0;
}

barra_verde_por = 0;
barra_verde_px = -10;

function BarraVerde(t_num){
	barra_verde_px = (-t_num*30)-10;
	barra_verde_por = t_num*10;
	
	PrimerClick();
	
	$("#barra_verde").css({'backgroundPosition': + 0 + 'px ' + barra_verde_px + 'px'});
	CambioResultado();
}

function BarraVerdeSube(){
	if(barra_verde_por<100){
		barra_verde_por += 10;
	}
	
	PrimerClick();
	
	t_num = barra_verde_por/10;
	barra_verde_px = (-t_num*30)-10;
	barra_verde_por = t_num*10;

	$("#barra_verde").css({'backgroundPosition': + 0 + 'px ' + barra_verde_px + 'px'});
	CambioResultado();
}
function BarraVerdeBaja(){
	if(barra_verde_por>0){
		barra_verde_por -= 10;
	}
	
	PrimerClick();

	t_num = barra_verde_por/10;
	barra_verde_px = (-t_num*30)-10;
	barra_verde_por = t_num*10;

	$("#barra_verde").css({'backgroundPosition': + 0 + 'px ' + barra_verde_px + 'px'});
	CambioResultado();
}

barra_naranja_por = 0;
barra_naranja_px = -10;
barra_naranja_px_x = 0;

function BarraNaranja(t_num){
	barra_naranja_px = (-t_num*20)-10;
	barra_naranja_px_x = 20*t_num;
	barra_naranja_por = 10*t_num;	
	
	PrimerClick();
	
	$("#barra_naranja").show();
	$("#barra_naranja").css({'backgroundPosition': + barra_naranja_px_x + 'px ' + barra_naranja_px + 'px'});	
	CambioResultado();
}

function BarraNaranjaSube(){
	if(barra_naranja_por<100){
		barra_naranja_por += 10;
	}
	
	PrimerClick();
	
	t_num = barra_naranja_por/10;
	barra_naranja_px = (-t_num*20)-10;
	barra_naranja_px_x = 20*t_num;
	barra_naranja_por = 10*t_num;
	
	
	$("#barra_naranja").show();
	$("#barra_naranja").css({'backgroundPosition': + barra_naranja_px_x + 'px ' + barra_naranja_px + 'px'});
	CambioResultado();
}
function BarraNaranjaBaja(){
	if(barra_naranja_por>0){
		barra_naranja_por -= 10;
	
	}
	
	PrimerClick();
	
	t_num = barra_naranja_por/10;
	barra_naranja_px = (-t_num*20)-10;
	barra_naranja_px_x = 20*t_num;
	barra_naranja_por = 10*t_num;
	
	$("#barra_naranja").show();
	$("#barra_naranja").css({'backgroundPosition': + barra_naranja_px_x + 'px ' + barra_naranja_px + 'px'});
	CambioResultado();
}

barra_roja_por = 0;
barra_roja_px = -10;
barra_roja_px_x = 0;

function BarraRoja(t_num){
	
	PrimerClick();
	
	barra_roja_por = t_num*10;
	barra_roja_px_x = -t_num*20;
	barra_roja_px = (-t_num*20)-10;
	
	$("#barra_roja").show();
	$("#barra_roja").css({'backgroundPosition': + barra_roja_px_x + 'px ' + barra_roja_px + 'px'});
	CambioResultado();
}
function BarraRojaSube(){
	if(barra_roja_por<100){
		barra_roja_por += 10;
	}
	
	PrimerClick();
	
	t_num = barra_roja_por/10;
	barra_roja_por = t_num*10;
	barra_roja_px_x = -t_num*20;
	barra_roja_px = (-t_num*20)-10;
	
	
	$("#barra_roja").show();
	$("#barra_roja").css({'backgroundPosition': + barra_roja_px_x + 'px ' + barra_roja_px + 'px'});
	CambioResultado();
}
function BarraRojaBaja(){
	if(barra_roja_por>0){
		barra_roja_por -= 10;
	}
	
	PrimerClick();
	
	t_num = barra_roja_por/10;
	barra_roja_por = t_num*10;
	barra_roja_px_x = -t_num*20;
	barra_roja_px = (-t_num*20)-10;
	
	$("#barra_roja").show();
	$("#barra_roja").css({'backgroundPosition': + barra_roja_px_x + 'px ' + barra_roja_px + 'px'});
	CambioResultado();
}