var palmares_categ 	= new Array();
var palmares_total	= new Array();
var palmares_titulo = new Array();

function cargarPalmares(){
	$('#contenederoLogros').html('<div class="column1"></div><div class="column2"><div class="contenedoListaLogros"></div></div>');
	
	$.ajax({
		url : 'json/logros.php',
		dataType : 'json',
		success : function(data) {
			$('#contenederoLogros .column1').html('<ul></ul>');
			$.each(data['categorias'],function(key,value){
				$('#contenederoLogros .column1 ul').append('<li categoria="'+key+'"><div class="textoCategoriaLogro">CAT.<br /><span>'+value+'</span></div><div class="numCategoriaLogro">'+key+'</div></li>')
			});
		
			$('#contenederoLogros .column2 .contenedoListaLogros').html('<ul></ul>');
			rellenarlogroslista(data['logros'][1]);
		$('#contenederoLogros .column1 ul li[categoria=1]').addClass('activado');
		$('#contenederoLogros .column1 ul li').click(function(){
			$('#contenederoLogros .column1 ul li').removeClass();
			$(this).addClass('activado');
			rellenarlogroslista(data['logros'][$(this).attr('categoria')]);
		});
	
		}
	});
	
	
	
}
function rellenarlogroslista(arrayLogros){
	$('#contenederoLogros .column2 .contenedoListaLogros').html('<div class="scrollListaLogros"><ul></ul></div>');
	$.each(arrayLogros,function(key,value){
		var activado=value['id_equipo']!=null?'class="activado"':'';
		var lista='<li '+activado+'>';
			lista+='	<div class="divImgLogro"><img src="'+value['imagen']+'" /></div>';
			lista+='	<div class="descripcionLogro">'
			lista+='		<div class="fila1">';
			lista+='			<div class="nombreLogros">'+value['nombre']+' </div><div class="nombreRecompesa">'+value['puntos']+' Puntos</div>';
			lista+='		</div>';
			lista+='		<div class="fila2">'+value['descripcion']+'</div>'	
			
			if (value['objetivo']>0){
				var porcentajeLogro=parseInt(value['progreso'])*239/parseInt(value['objetivo']);
				lista+='	<div class="fila3">';
				lista+='		<div class="progresoLogro">';
			//	lista+='					<div class="progresoLogroInicio"></div>';
				lista+='					<div class="progresoLogroMedio" style="width:'+porcentajeLogro+'px"></div>';
			//	lista+='					<div class="progresoLogroFin"></div>';
				lista+='		</div>';
				lista+='		<div class="numProgresoLogro">'+value['progreso']+'/'+value['objetivo']+'</div>';
				lista+='	</div>';
			}
			lista+='</div>';
			lista+='</li>';
		$('#contenederoLogros .column2 .contenedoListaLogros .scrollListaLogros ul').append(lista);
	});
	$("#contenederoLogros .column2 .contenedoListaLogros").append('<div style="display:block;clear:both;"></div>');
	$("#contenederoLogros .column2 .contenedoListaLogros .scrollListaLogros").niceScroll("#contenederoLogros .column2 .contenedoListaLogros .scrollListaLogros ul", {
		cursorcolor : "#c6cdd4",
		cursorwidth : '10px'
	});
	arrayScrrolTemp[arrayScrrolTemp.length]=$("#contenederoLogros .column2 .contenedoListaLogros .scrollListaLogros").getNiceScroll();
}
function cargarTrofeos(id_eq,m,modo){
	
	var nuevo_div = '<div class="btnVitrina limpiame">Vitrina</div>';

	var contenedor ='';
	if (id_eq==0) {
		$(m+' .cabeceraModulo').append(nuevo_div);
		$(m+' #contenederoTrofeos').html('<ul></ul>')
		 contenedor =$('#contenederoTrofeos ul');
	}
	else {
		$('.colum2Ficha > .modulo1x2 .cabeceraModuloficha').append(nuevo_div);
		$('.contetrofeo #contenederoTrofeos').html('<ul></ul>')
		contenedor = $('.contetrofeo #contenederoTrofeos ul');
	}
	$.ajax({
		type 	 : 'POST',
		url 	 : 'json/palmares.php',
		data	 : { id_equipo:id_eq, modo: modo },
		dataType : 'json',
		success  : function(data) {
			
			palmares_categ 	= data['palmares_categ'];
			palmares_total 	= data['total'];
			palmares_titulo	= data['titulos'];
		
			$.each(data['palmares'],function(key,value){
				var lista  ='<li style="background-image: url('+value['imagen']+');">';
					lista += '	<div class="nombreTrofeo contenedor_centra_parrafo">';
					lista += '		<div class="cont_texto_centra_parrafo"><p class="centra_parrafo">'+value["nombre"]+'</p></div>';
					lista += '	</div>';
					lista +='	<div class="descripcionTrofeo">'+value['descripcion']+'</div>';
					lista +='</li>';
					contenedor.append(lista);
						
			});
			contenedor.append('<div style="display:block;clear:both;"></div>');
			if (id_eq==0) {
				eval($(m+' #contenederoTrofeos').parent().parent().attr('id')).resize();
			}
			else {
				$(".contetrofeo").niceScroll(".contetrofeo #contenederoTrofeos", {
					cursorcolor : "#c6cdd4",
					cursorwidth : '10px'
				});
				arrayScrrolTemp[arrayScrrolTemp.length]=$(".contetrofeo").getNiceScroll();
			}
			if (id_eq==0) {
				$(m+' .cabeceraModulo .btnVitrina').off().click(function() {
					verVitrina(0);
				});
			}
			else {
				$('.colum2Ficha > .modulo1x2 .cabeceraModuloficha .btnVitrina').off().click(function() {
					verVitrina(1);
				});
			}
		}
	});
}

function verVitrina(es_ficha) {
	
	$('#moduloVitrina').remove();
	
	var moduloVitrina  = '<div id="moduloVitrina" class="limpiame">';
		moduloVitrina += '	<div class="btnVitrina limpiame">Cerrar</div>';
		moduloVitrina += '	<div id="tituloVitrina">Vitrina</div>';
		moduloVitrina += '	<div id="resumen"></div>';
		moduloVitrina += '	<ul id="selVitrina"><li class="activado primera" value="1">oficiales</li><li value="2">privadas</li><li value="3">otras</li></ul>';
		moduloVitrina += '	<div id="vitrina"></div>';
		moduloVitrina += '</div>';
	
	
	if (es_ficha) {
		$('#closeCerrarFichaOtro').hide();
		$('#contenedor_ventana_popUpFicha').children().hide();
		$('#contenedor_ventana_popUpFicha').append(moduloVitrina);
	}		
	else
		$('#modulos').append(moduloVitrina);
	
	$('ul#selVitrina > li').off().click(function() {
		$('ul#selVitrina > li').removeClass("activado");
		$(this).addClass("activado");
		cargaVitrina($(this).val());
	});
	
	$('#moduloVitrina .btnVitrina').click(function() {
		$(this).parent().remove();
		$('#closeCerrarFichaOtro').show();
		$('#contenedor_ventana_popUpFicha').children().show();
	});
	
	cargaVitrina(1);
}

function cargaVitrina(tipo) {
	
	$('#resumen').empty();
	$('#vitrina').empty();
	
	if (palmares_categ[tipo].length > 0) {
	
		var contador = 0;
		var pagina   = 1
		var items	 = "";
		var lista 	 = "";
		$.each(palmares_categ[tipo],function(key,value){
			
			items += '<li style="background-image: url('+value["imagen"]+');">';
			items += '	<div class="descripcionTrofeo contenedor_centra_parrafo">';
			items += '		<div class="cont_texto_centra_parrafo"><p class="centra_parrafo">'+value["descripcion"]+'</p></div>';
			items += '	</div>';
			items += '	<div class="nuevo_pedestal"></div>';
			items += '	<div class="nombreTrofeo contenedor_centra_parrafo">';
			items += '		<div class="cont_texto_centra_parrafo"><p class="centra_parrafo">'+value["nombre"]+'</p></div>';
			items += '	</div>';
			items += '</li>';
			contador++;			
			
			if (contador == 6) {
				if (pagina==1) {
					var nuevo_div = '<div id="pagina'+pagina+'" class="capa_paginacion" style="display: block;"><ul>'+items+'</ul></div>'; 
					lista += '<li class="selected" value="'+pagina+'">'+pagina+'</li>';
				}
				else {
					var nuevo_div = '<div id="pagina'+pagina+'" class="capa_paginacion"><ul>'+items+'</ul></div>';
					lista += '<li value="'+pagina+'">'+pagina+'</li>';
				}
				
				$('#vitrina').append(nuevo_div);
				items = "";
				contador = 0;
				
				pagina++;
			}
			
		});
		if (items != "") {
			if (pagina==1) {
				var nuevo_div = '<div id="pagina'+pagina+'" class="capa_paginacion" style="display: block;"><ul>'+items+'</ul></div>'; 
				lista += '<li class="selected" value="'+pagina+'">'+pagina+'</li>';
			}
			else {
				var nuevo_div = '<div id="pagina'+pagina+'" class="capa_paginacion"><ul>'+items+'</ul></div>';
				lista += '<li value="'+pagina+'">'+pagina+'</li>';
			}
			
			$('#vitrina').append(nuevo_div);
		}
		
		var num_pags = $('.capa_paginacion').length;
		if (num_pags > 1) {
			var paginacion  = '<div style="clear: both"></div>';
				paginacion += '<div class="paginacionPalmares">';
				paginacion += '	<div class="backFiltroPalmares" style="opacity: 0.5;"></div>';
				paginacion += '	<div class="contenedorFiltroPalmares">';
				paginacion += '		<ul class="listaPalmares" style="left: 0;">';
				paginacion += 		lista;
				paginacion += '		</ul>';
				paginacion += '	</div>';
				if (num_pags > 5)
					paginacion += '	<div class="nextFiltroPalmares"></div>';
				else
					paginacion += '	<div class="nextFiltroPalmares" style="opacity: 0.5;"></div>';
				paginacion += '</div>';
			$('#vitrina').append(paginacion);
		}
		
		$('#vitrina .capa_paginacion ul li').off().mouseover(function() {
			$('#vitrina .capa_paginacion ul li > .descripcionTrofeo').hide();
			$(this).find('.descripcionTrofeo').show();
		});

		$('#vitrina .capa_paginacion ul li').mouseout(function() {
			$(this).find('.descripcionTrofeo').hide();
		});
		
		$('#vitrina .paginacionPalmares ul li').off().click(function() {
			$('.capa_paginacion').hide();
			$('#vitrina .paginacionPalmares ul li').removeClass("selected");
			$(this).addClass("selected");
			$('#pagina'+$(this).val()).show();
		});
		
		$('.paginacionPalmares .backFiltroPalmares').off().click(function(){
			if ($(this).css('opacity')!='0.5') retrocederPalmares();
		});
		$('.paginacionPalmares .nextFiltroPalmares').off().click(function(){
			if ($(this).css('opacity')!='0.5') avanzarPalmares();
		})
		
		
		
	}
	else {
		$('#vitrina').html('<div id="telaranya"></div>');
	}
	
	$('#resumen').append('<div id="resumen_titulo">Resumen<br><span>'+palmares_titulo[tipo]+'</span></div>');
	$('#resumen').append('<ul class="totalizacion"></ul>');
	$('#resumen ul.totalizacion').append('<li class="separador"></li>');
	if (Object.size(palmares_total[tipo]) > 0) {
		$.each(palmares_total[tipo],function(tipo_cmp,cmp) {
			if (tipo_cmp == 1) {
				$.each(cmp,function(division,value_div) {
					$.each(value_div,function(pos,value) {
						$('#resumen ul.totalizacion').append('<li class="titulo'+tipo_cmp+'">'+value["nombre"]+' '+division+': <span>'+value["contador"]+'</span></li>');
					});
					$('#resumen ul.totalizacion').append('<li class="separador"></li>');
				});
			}
			else {
				$.each(cmp,function(pos,value) {
					$('#resumen ul.totalizacion').append('<li class="titulo'+tipo_cmp+'">'+value["nombre"]+': <span>'+value["contador"]+'</span></li>');
				});
				$('#resumen ul.totalizacion').append('<li class="separador"></li>');
			}
			
		});
	}
	else {
		$('#resumen ul.totalizacion').append('<li><span>No tienes trofeos </span></li>');
		$('#resumen ul.totalizacion').append('<li class="separador"></li>');
	}
	
}


function retrocederPalmares(){
	$('.paginacionPalmares .backFiltroPalmares').off();
	var posicion = $('.listaPalmares').offset();
	var posicion2 = $('.backFiltroPalmares').offset();
	var minimo = posicion2.left +40;
	if (posicion.left < minimo) {
		
		if (posicion.left+220 >= minimo) $('.backFiltroPalmares').off().fadeTo("slow",0.5,function() {});
		
		$('.listaPalmares').animate({
			left : '+=220'
		}, 400, 'linear', function() {
			$('.paginacionPalmares .backFiltroPalmares').click(function() {
				retrocederPalmares();
			})
		});
	}
	$('.paginacionPalmares .nextFiltroPalmares').off().click(function(){
		avanzarPalmares();
	}).fadeTo("slow",1,function() {});
}
function avanzarPalmares(){
	$('.paginacionPalmares .nextFiltroPalmares').off();
	var posicion = $('.listaPalmares').offset();
	var posicion2 = $('.backFiltroPalmares').offset();
	var maximo= +posicion2.left +40-$('.listaPalmares').children().length	* (44)+220;
	if (posicion.left>=maximo){
		
		if (posicion.left-220 <= maximo) $('.nextFiltroPalmares').off().fadeTo("slow",0.5,function() {});
		
		$('.listaPalmares').animate({
			left : '-=220'
		}, 400, 'linear', function() {
			$('.paginacionPalmares .nextFiltroPalmares').click(function() {
				avanzarPalmares();
			})
		});
	}
	$('.paginacionPalmares .backFiltroPalmares').off().click(function(){
		retrocederPalmares();
		
	}).fadeTo("slow",1,function() {});
}