$(document).ready(function() {
	var image_loading = '<br><br><img src="images/loading1.gif" border="0" /><br><br>';
	
	// Select de idioma (despleglable)
	$('#idioma').click(function() {
		$(this).toggleClass('up');
		$('#lista_idiomas').slideToggle('fast');
	});
	
	// Hacemos que los no activos sean clicables y cambien el idioma
	$('#lista_idiomas div[class!="activo"]').click(function() {
		var redirect = '';
		if($('#REQUEST_URI').attr('value') == $('#PHP_SELF').attr('value') && $('#circuito').attr('value'))
			redirect = $('#PHP_SELF').attr('value')+'?Circuito='+$('#circuito').attr('value');
		else
			redirect = $('#REQUEST_URI').attr('value');
		location.href=$('#PHP_SELF').attr('value')+'?lang='+$(this).attr('id')+'&redirect='+redirect;
	});
	
	// Scroll de la lista de circuitos
	$( "#handle" ).draggable({ axis: 'x', containment: 'parent',
		 drag: function(event, ui) {
			$('#bloque_circuitos').css('left','0'); // Por si la lista estaba "corrida" por no ser de los primeros circuitos
			var porcentaje = $(this).position().left/841;
			var width_lista = $('#bloque_circuitos').css('width').replace('px','')-$('#lista_circuitos').css('width').replace('px','');
 			$('#lista_circuitos').scrollLeft(porcentaje*width_lista);
		}
	});
	
	// Direccion de los datos del circuito
	var url_datoscircuito = 'http://history.miniracingonline.com/datos_circuito.php?Circuito=';
	
	
	// Al hacer clic en un circuito de la lista lo cargamos y bordeamos la previa pequeña
	$('#bloque_circuitos .previa').click(function(event) {
		$('#contenido').html(image_loading); 
		$('#bloque_circuitos .previa').removeClass('activo');
		$(this).addClass('activo');
		$('#contenido').load(url_datoscircuito+$(this).attr('name')+'&time='+event.timeStamp); 
	});
	
	// Al hacer clic en algun circuito "reciente" lo cargamos y bordeamos su previa (falta hacer que se corra el scroll si es necesario)
	$('.circuitos .cajon').click(function(event) {
		$('#contenido').html(image_loading);
		$('#contenido').load(url_datoscircuito+$(this).attr('id')+'&time='+event.timeStamp); 
		$('#bloque_circuitos .previa[name="'+$(this).attr('id')+'"]').addClass('activo');
		var lista_circuitos = $('#lista_ids').attr('value').split('|');
		var posicion = (lista_circuitos.indexOf($(this).attr('id').toLowerCase()) + 1 );
		if(posicion>10) { // Si hace falta corremos la lista para que se vea el circuito elegido
			var offset = 90 * (posicion-10);
			var offset_barra =offset*841/($('#bloque_circuitos').css('width').replace('px','')-900);
			$('#lista_circuitos').scrollLeft(0);
			$('#bloque_circuitos').css('left','-'+offset+'px');
			$('#handle').css('left',offset_barra+'px');
		}
		
	});
	
	// Cambio de traccion en los tiempos a mostrar
	$('#cambiar_traccion').live('click', function(event) {
		var circuito = $('#circuito').attr('value');
		var traccion = $('#traccion').attr('value');
		var query;
		$('#contenido').html(image_loading); 
		if(traccion=='100') query = '&t=';
		else query = '&t=100';
		$('#contenido').load(url_datoscircuito+circuito+'&time='+event.timeStamp+query);
	});
	
	// Buscamos jugador
	$('#buscar_jugador').live('click', function(event) {
		
		var jugador = $('#buscar').attr('value');
		
		if(jugador) {
			var circuito = $('#circuito').attr('value');
			var inicio = $('#inicio').attr('value');
			var texto = $('#TrackData_PlayerNotFound').attr('value');
			$('#contenido').html(image_loading);
			
			var url = url_datoscircuito+circuito+'&jugador='+jugador+'&inicio='+inicio+'&time='+event.timeStamp;
			$.get(url, function(data) {
				$('#contenido').html(data);
				if(data.search('NOAPARECE') > -1) alert(texto.replace(/#PLAYER#/, '"'+jugador+'"'));
			});			
		}
	});
	
	// PAGINACION
	$('#paginacion_anterior').live('click', function(event) {
		$('#contenido').html(image_loading); 
		var url = url_datoscircuito+$('#circuito').attr('value')+'&inicio='+($('#inicio').attr('value')-$('#num_jug_x_pag').attr('value'))+'&time='+event.timeStamp;
		$('#contenido').load(url);
	});
	$('#paginacion_siguiente').live('click', function(event) {
		$('#contenido').html(image_loading);  
		var url = url_datoscircuito+$('#circuito').attr('value')+'&inicio='+($('#inicio').attr('value')+$('#num_jug_x_pag').attr('value'))+'&time='+event.timeStamp;
		$('#contenido').load(url);
	});
	
	// LOGIN
	$('#login').click(function(event) {
		if($('#username').attr('value') && $('#password').attr('value')) $('#form_login').submit();
	});
	
	// SUBIR CIRCUITO
	$('#subir_circuito').click(function(event) {
		if($('#pais').attr('value')) {
			$('#cajon1').css('display','none');
			$('#cajon2').css('display','block');
			upload_subirArchivo($('#tempvar').attr('value'));
		}
	});
	$('#pais').change(function() {
		$('#imagen_pais').html('<img src="/images/paises/'+$("#pais option:selected").attr('value')+'.png" />');
	});
		
	
} );