// JavaScript Document
/***************************************************************************
			   Definiciones funciones Menú y efectos pequeños
***************************************************************************/
function showme(numjug){
	var id = "#jug"+numjug;
	$("#equipo-display div.active").removeClass('active');
	$(id).addClass('active').addClass('active');
}
function submMenuDisplay(){
		$("#sub-menu>ul>li").hover(function(){
			$(this).find('ul:first').css({visibility: "visible",display:"none"}).fadeIn(250);
		},function(){
			$(this).find('ul:first').fadeOut(100);
		});
}
function menu_gal(i){

	$("#menugal>div").removeClass("menu_gal_act").addClass("menu_gal_inac");
	$("#contgal>div").removeClass("selec");
	$("#menugal>div.ver_mas").removeClass("menu_gal_inac");
	/*if(i==1){
		$("#menugal>div").eq(0).removeClass("menu_gal_inac").addClass("menu_gal_act");
		$("#menugal>div").eq(1).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#menugal>div").eq(2).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#contgal>div").eq(0).addClass("selec");
	}else if(i==2){
		$("#menugal>div").eq(1).removeClass("menu_gal_inac").addClass("menu_gal_act");
		$("#menugal>div").eq(0).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#menugal>div").eq(2).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#contgal>div").eq(1).addClass("selec");
	}else{
		$("#menugal>div").eq(2).removeClass("menu_gal_inac").addClass("menu_gal_act");
    	$("#menugal>div").eq(0).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#menugal>div").eq(1).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#contgal>div").eq(2).addClass("selec");
	}*/
	if(i==1){
		$("#menugal>div").eq(i-1).removeClass("menu_gal_inac").addClass("menu_gal_act");
		$("#menugal>div").eq(1).removeClass("menu_gal_act").addClass("menu_gal_inac");
		$("#contgal>div").eq(i-1).addClass("selec");
		$("#contgal>div").eq(1).removeClass("selec");
	}else if(i==2){
		     $("#menugal>div").eq(i-1).removeClass("menu_gal_inac").addClass("menu_gal_act");
		     $("#menugal>div").eq(0).removeClass("menu_gal_act").addClass("menu_gal_inac");
		     $("#contgal>div").eq(i-1).addClass("selec");
		     $("#contgal>div").eq(0).removeClass("selec");
	}
}
function listGroup(i){
	var $actual = $("#cajasc_ROnce div.desplegado");
	var $nuevo = $("#mascara"+i);
	if($actual.length==0){
		$nuevo.slideDown("100",function(){
			$nuevo.addClass("desplegado");
		})
	}else if($actual.attr('id')!=$nuevo.attr('id')){	
			$actual.slideUp("100",function(){
				$actual.removeClass("desplegado");
			})
			$nuevo.slideDown("100",function(){
				$nuevo.addClass("desplegado");
			})
	}
}

/***************************************************************************
				  Definiciones intervalos  y Slideshows
***************************************************************************/
var intervalo;			//INTERVALO DE FIGURAS
var notintervalo;		//INTERVALO DE NOTICIAS
var galintervalo;		//INTERVALO DE GALERIAS
var prodintervalo;

//--------------------------------------------------------------------------
//SLIDESHOW DE FIGURAS------------------------------------------------------
//--------------------------------------------------------------------------
function productSwitch(){
	$imagenp = $('#comp_prod_img img.activado');
	$bajadap = $('#comp_prod_des div.activado');
	$miniimp = $('#comp_prod_opc li.activado');
	
	if ( $imagenp.length == 0 ) $imagenp = $('#comp_prod_img img:last');
	if ( $bajadap.length == 0 ) $bajadap = $('#comp_prod_des div:last');
	if ( $miniimp.length == 0 ) $miniimp = $('#comp_prod_opc li:first');
	
    // use this to pull the images in the order they appear in the markup
    var $imagenn =  $imagenp.next().length ? $imagenp.next() : $('#comp_prod_img img:first');
	var $bajadan =  $bajadap.next().length ? $bajadap.next() : $('#comp_prod_des div:first');
	var $miniimn =  $miniimp.prev().length ? $miniimp.prev() : $('#comp_prod_opc li:last');
	
	$miniimp.removeClass('activado');
	$miniimn.addClass('activado');
	
	$imagenn.css({opacity: 0.0})
		.addClass('activado')
		.animate({opacity: 1.0},500);
		
	$bajadan.css({opacity: 0.0})
		.addClass('activado')
		.animate({opacity: 1.0},500);
	
	$imagenp.animate({opacity: 0.0},500,function(){
		$imagenp.removeClass('activado');
	});
		
	$bajadap.animate({opacity: 0.0},500,function(){
		$bajadap.removeClass('activado');
	});
}
function thisProduct(i){
	i--;
	clearInterval(prodintervalo);
	
	$imagenp = $('#comp_prod_img img.activado');
	$imagenn = $('#comp_prod_img img').eq(i);
	$bajadap = $('#comp_prod_des div.activado');
	$bajadan = $('#comp_prod_des div').eq(i);
	
	$miniimp = $('#comp_prod_opc li.activado');
	$miniimn = $('#comp_prod_opc li').eq(($('#comp_prod_opc li').length-1)-i);
	
	if($miniimp.html()!=$miniimn.html()){
		$miniimp.removeClass('activado');
		$miniimn.addClass('activado');
	
		$imagenn.css({opacity: 0.0})
			.addClass('activado')
			.animate({opacity: 1.0},500);
		
		$bajadan.css({opacity: 0.0})
			.addClass('activado')
			.animate({opacity: 1.0},500);
	
		$imagenp.animate({opacity: 0.0},500,function(){
			$imagenp.removeClass('activado');
		});
			
		$bajadap.animate({opacity: 0.0},500,function(){
			$bajadap.removeClass('activado');
		});
	}
	prodintervalo=setInterval( "productSwitch()", 8000 );
}

//--------------------------------------------------------------------------
//SLIDESHOW DE FIGURAS------------------------------------------------------
//--------------------------------------------------------------------------
function thisPlayer(idj,idesc,idopc){
	clearInterval(intervalo);
	var $now = $('#bot_figuras li.activado');
	var $active = $('#img_figuras div.visible');
	var $desc = $('#desc_jugadores table.visible');
	
	var idactual = $now.attr('id');
	
	if(idactual!=idopc){
		
		$('#'+idopc).addClass('activado');
		$now.removeClass('activado');
		
		$desc.removeClass('visible last-visible')
		$('#'+idesc).css({opacity: 0.0})
	       	.addClass('visible')
	       	.animate({opacity: 1.0},500);
			
		$active.css({opacity: 1.0})
			.animate({opacity: 0.0},500, function(){
				$active.removeClass('visible last-visible');
			}
		);
			
		$('#'+idj).css({opacity: 0.0})
	       .addClass('visible')
	       .animate({opacity: 1.0}, 1000, function() {
    	      intervalo=setInterval( "playerSwitch()", 10000 );
	       });
	}else{
		intervalo=setInterval( "playerSwitch()", 10000 );
	}
}
function playerSwitch() {
    var $active = $('#img_figuras div.visible');
	var $now = $('#bot_figuras li.activado');
	var $desc = $('#desc_jugadores table.visible');
	
    if ( $active.length == 0 ) $active = $('#img_figuras DIV:last');
	if ( $now.length == 0 ) $now = $('#bot_figuras LI:last');
	if ( $desc.length == 0 ) $desc = $('#desc_jugadores TABLE:last');
	
    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#img_figuras DIV:first');
	var $nextn =  $now.next().length ? $now.next()
        : $('#bot_figuras LI:first');
	var $nextd =  $desc.next().length ? $desc.next()
        : $('#desc_jugadores TABLE:first');

    $active.addClass('last-visible');
	$now.addClass('last-activado');

	$now.removeClass('activado last-activado');
	$nextn.addClass('activado');
	
	$active.css({opacity: 1.0})
		.animate({opacity: 0.0},500, function(){
				$active.removeClass('visible last-visible')
		}
	);
		
	$desc.removeClass('visible last-visible')
	$nextd.css({opacity: 0.0})
        .addClass('visible')
        .animate({opacity: 1.0},500);
	
    $next.css({opacity: 0.0})
        .addClass('visible')
        .animate({opacity: 1.0},500);
}

//--------------------------------------------------------------------------
//SLIDESHOW DE NOTICIAS-----------------------------------------------------
//--------------------------------------------------------------------------
function thisNew(i){
	i--;
	clearInterval(notintervalo);
	
	$imagenp = $('#imagen_ppal img.active');
	$imagenn = $('#imagen_ppal img').eq(i);
	$bajadap = $('#bajada_ppal div.active');
	$bajadan = $('#bajada_ppal div').eq(i);
	$miniimp = $('#mini_noticias div.active');
	$miniimn = $('#mini_noticias div').eq(i);
	
	if($miniimp.html()!=$miniimn.html()){
		$miniimp.removeClass('active');
		$miniimn.addClass('active');
	
		$imagenn.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0},500);
		
		$bajadan.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0},500);
	
		$imagenp.animate({opacity: 0.0},500,function(){
			$imagenp.removeClass('active');
		});
			
		$bajadap.animate({opacity: 0.0},500,function(){
			$bajadap.removeClass('active');
		});
	}
	notintervalo=setInterval( "newSwitch()", 12000 );
}
function newSwitch(){
	
	$imagenp = $('#imagen_ppal img.active');
	$bajadap = $('#bajada_ppal div.active');
	$miniimp = $('#mini_noticias div.active');
	
	if ( $imagenp.length == 0 ) $imagenp = $('#imagen_ppal img:last');
	if ( $bajadap.length == 0 ) $bajadap = $('#bajada_ppal div:last');
	if ( $miniimp.length == 0 ) $miniimp = $('#mini_noticias div:last');
	
    // use this to pull the images in the order they appear in the markup
    var $imagenn =  $imagenp.next().length ? $imagenp.next() : $('#imagen_ppal img:first');
	var $bajadan =  $bajadap.next().length ? $bajadap.next() : $('#bajada_ppal div:first');
	var $miniimn =  $miniimp.next().length ? $miniimp.next() : $('#mini_noticias div:first');
	
	$miniimp.removeClass('active');
	$miniimn.addClass('active');
	
	$imagenn.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0},500);
		
	$bajadan.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0},500);
	
	$imagenp.animate({opacity: 0.0},500,function(){
		$imagenp.removeClass('active');
	});
		
	$bajadap.animate({opacity: 0.0},500,function(){
		$bajadap.removeClass('active');
	});
	
}

//--------------------------------------------------------------------------
//SLIDESHOW DE IMAGENES-----------------------------------------------------
//--------------------------------------------------------------------------
function galimg_playback(){
	if(!galintervalo){
		galintervalo=setInterval( "imgSwitch()", 6000 );
		$('#galimg_play').removeClass('play');
		$('#galimg_play').addClass('pause');
	}else{
		clearInterval(galintervalo);
		galintervalo=0;
		$('#galimg_play').removeClass('pause');
		$('#galimg_play').addClass('play');
	}
	setTimeout("applyComments()",100);
}
function thisImg(i){
	i--;
	flag=0;
	if(galintervalo){
		clearInterval(galintervalo);
		flag=1;
	}
	
	$imagena = $('#galimg_img img.active');
	$imagenn = $('#galimg_img img').eq(i);
	$numeroa = $('#galimg_nun a.active');
	$numeron = $('#galimg_nun a').eq(i);
	$descria = $('#galimg_des div.active');
	$descrin = $('#galimg_des div').eq(i);
	
	if($numeroa.html()!=$numeron.html()){	
		$numeroa.removeClass('active');
		$numeron.addClass('active');
	
		$descria.removeClass('active');
		$descrin.addClass('active')
		
		$imagenn.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0},500);
	
		$imagena.animate({opacity: 0.0},500,function(){
			$imagena.removeClass('active');
		});
		
	}
	
	if(flag){
		galintervalo=setInterval( "imgSwitch()", 6000 );
	}
}
function imgSwitch(){
	//applyComments();
	
	$imagena = $('#galimg_img img.active');
	$numeroa = $('#galimg_nun a.active');
	$descria = $('#galimg_des div.active');
	
	if ( $imagena.length == 0 ) $imagena = $('#galimg_img img:last');
	if ( $descria.length == 0 ) $descria = $('#galimg_des div:last');
	if ( $numeroa.length == 0 ) $numeroa = $('#galimg_nun a:last');
    // use this to pull the images in the order they appear in the markup
    var $imagenn =  $imagena.next().length ? $imagena.next() : $('#galimg_img img:first');
    var $descrin =  $descria.next().length ? $descria.next() : $('#galimg_des div:first');
    var $numeron =  $numeroa.next().length ? $numeroa.next() : $('#galimg_nun a:first');

	$numeroa.removeClass('active');
	$numeron.addClass('active');
	
	$descria.removeClass('active');
	$descrin.addClass('active')
	
	$imagenn.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0},500);
	
	$imagena.animate({opacity: 0.0},500,function(){
		$imagena.removeClass('active');
	});
}
function applyComments(){
	$('#galimg_acc').mouseover(function(){
		$('#galimg_des div.active').slideDown("fast");
	}).mouseout(function(){
		$('#galimg_des div.active').slideUp("fast");
	});
}

//--------------------------------------------------------------------------
//SLIDESHOW DE SEDES--------------------------------------------------------
//--------------------------------------------------------------------------
function galsed_playback(){
	if(!galintervalo){
		galintervalo=setInterval( "sedSwitch()", 6000 );
		$('#galimg_play').removeClass('play');
		$('#galimg_play').addClass('pause');
	}else{
		clearInterval(galintervalo);
		galintervalo=0;
		$('#galimg_play').removeClass('pause');
		$('#galimg_play').addClass('play');
	}
}
function thisSed(i){
	i--;
	flag=0;
	if(galintervalo){
		clearInterval(galintervalo);
		flag=1;
	}
	
	$imagena = $('#galestadio_cont img.active');
	$imagenn = $('#galestadio_cont img').eq(i);
	$numeroa = $('#gal_estadio_barra a.active');
	$numeron = $('#gal_estadio_barra a').eq(i);
	
	if($numeroa.html()!=$numeron.html()){	
		$numeroa.removeClass('active');
		$numeron.addClass('active');
	
		$imagenn.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0},500);
	
		$imagena.animate({opacity: 0.0},500,function(){
			$imagena.removeClass('active');
		});
	}
	
	if(flag){
		galintervalo=setInterval( "sedSwitch()", 6000 );
	}
}
function sedSwitch(){
	$imagena = $('#galestadio_cont img.active');
	$numeroa = $('#gal_estadio_barra a.active');
	
	if ( $imagena.length == 0 ) $imagena = $('#galestadio_cont img:last');
	if ( $numeroa.length == 0 ) $numeroa = $('#gal_estadio_barra a:last');
    // use this to pull the images in the order they appear in the markup
    var $imagenn =  $imagena.next().length ? $imagena.next() : $('#galestadio_cont img:first');
    var $numeron =  $numeroa.next().length ? $numeroa.next() : $('#gal_estadio_barra a:first');

	$numeroa.removeClass('active');
	$numeron.addClass('active');
	
	$imagenn.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0},500);
	
	$imagena.animate({opacity: 0.0},500,function(){
		$imagena.removeClass('active');
	});
}
//--------------------------------------------------------------------------

/*function centraNombres(){
	var nombres = $("h6.detalle");
	for(i=0;i<11;i++){
		var obj = nombres.eq(i);
		ancho = obj.innerWidth();
		margen = -((ancho/2)-14);
		obj.css('marginLeft',margen);
	}
}*/


/***************************************************************************
					  Definiciones funciones Lightbox
***************************************************************************/
//esta funcion llama la URL por Ajax cuando el lightbox ya ha sido 
//construido. Decidido así por portabilidad
function lightbox(laurl,multi,callback){
	var $lightCont = buildLightbox(multi);
	$.ajax({
		type: "POST",
		url: laurl,
		async: false,
		success: function(html){
			//eliminar imagen cargando
			$lightCont.empty();
			//agregar el nuevo contenido y animar
			$lightCont.append("<div id='lightnovisible'></div>");
			$('#lightnovisible').append(html);
			$('#lightnovisible').show(500,function(){
				if(callback){
					eval(callback);
				}
			});
		}
	});
}
function buildLightbox(multi){//agregar link opcional a multimedia
	//obtener alto y ancho actual
	var ancho = $('body').outerWidth();
	var alto = $('#interiorgeneral').outerHeight();
	//crear el Lightbox.
	//crear tabla contenedora dentro de lightcont
	var tabla = "<div id='lightcont'><table cellspacing='0' cellpadding='0'>";
	tabla += "<tr height='20'><td width='20' id='light_img_lt' ></td><td id='light_img_ct'></td><td width='20' id='light_img_rt'></td></tr>";
	tabla += "<tr><td id='light_img_lm'></td><td bgcolor='white'>";
	tabla += "<div id='navcont'><a href='javascript:dropLightbox();'><div id='bot_cerr_light'></div></a>";
	if(!multi || multi==0){	
		tabla += "</div>";
	}else{
		tabla += "<a href='"+multi+"'><div id='bot_mult_light'></div></a></div>";
	}
	tabla += "<div id='ajaxCont'><img src='imagenes/loading.gif'/></div></td><td id='light_img_rm'></td></tr>";
	tabla += "<tr height='20'><td id='light_img_lb'></td><td id='light_img_cb'></td><td id='light_img_rb'></td></tr></table></div>";
	//crear fondo obscuro
	var html = "<div id='lightbox'></div>";
	//agregar elementos al documento
	$("#contidogeneral").prepend(tabla);
	$("#contidogeneral").prepend(html);
	//animar su aparición
	$("#lightbox").css({width:ancho, height:alto, opacity:0.0}).animate({opacity: 0.7},500);
	$("#lightcont").css({width:ancho, height:alto, top:$(this).scrollTop()}).fadeIn(500);
	//retornar contenedor a escribir
	return $("#ajaxCont");
}
function dropLightbox(){
	$("#lightcont").fadeOut(500);
	$("#lightbox").animate({opacity: 0.0},500,function(){
		$("#lightbox").remove();
		$("#lightcont").remove();
	});
	if(galintervalo){	
		clearInterval(galintervalo);//en caso de que sea una galeria
		galintervalo=0;
	}
}


/***************************************************************************
					  Definiciones funciones Slidebox
***************************************************************************/
//esta función aplica el efecto de slide y los botones necesarios,
//recibiendo como parámetros el id del div de propiedad overflow:hidden,
//llamado máscara y el id del div con los comentarios
function applySlidebox(id_mask,id_field){
	var mascara = $('#'+id_mask);
	var field = $('#'+id_field);
	hmascara = mascara.outerHeight();
	amascara = mascara.outerWidth();
	hfield = field.outerHeight();
	if(hfield%hmascara!=0 && hfield!=0){
		resto = hfield%(hmascara-40);
		hfield = (hmascara-40-resto)+hfield;
		field.css('height',hfield);
		field.css('marginTop','0px');
	}else{
		field.css('marginTop','0px');
	}
	slide_up   = "<a id=\"slidebox_up_"+id_mask+"\" class=\"slidebox_control slidebox_control_up\" href=\"javascript:slideboxUp('"+id_mask+"','"+id_field+"')\"></a>";
	slide_down = "<a id=\"slidebox_down_"+id_mask+"\" class=\"slidebox_control slidebox_control_down\" href=\"javascript:slideboxDown('"+id_mask+"','"+id_field+"')\"></a>";
	mascara.prepend(slide_up);
	mascara.append(slide_down);
	//acomodar botones
	mleft = amascara - $('.slidebox_control').eq(0).outerWidth();
	if ($.browser.msie && $.browser.version<=7 && id_mask=='mascara1'){
		if($.browser.version==7)
			mleft = mleft-20;
		if($.browser.version==6)
			mleft = mleft-20;
		mleft = mleft+'px';
	}else{
		mleft = mleft+'px';
	}
	mtop = hmascara - $('#slidebox_down_'+id_mask).outerHeight();
	mtop = mtop+'px';
	$('#slidebox_up_'+id_mask+', #slidebox_down_'+id_mask).css('marginLeft',mleft);
	$('#slidebox_up_'+id_mask).css('marginTop','0px');
	//$('#slidebox_down_'+id_mask).css('marginTop',mtop);
}
function slideboxUp(id_mask,id_field){
	var mascara = $('#'+id_mask);
	var field = $('#'+id_field);
	hmascara = mascara.outerHeight()-40;
	desp = '+='+hmascara;
	maract=field.css('marginTop');
	if(maract!='0px'){
		field.animate({
			marginTop: desp
		}, 1000, function() {
		});
	}
}
function slideboxDown(id_mask,id_field){
	var mascara = $('#'+id_mask);
	var field = $('#'+id_field);
	hmascara = mascara.outerHeight()-40;
	hfield = field.outerHeight();
	if(hfield==0){
		teerres = $('#'+id_field+" tr").length;
		alto=22*teerres;
		alto=alto+'px';
		field.css('height',alto);
		hfield = field.outerHeight();
		if(hfield%hmascara!=0 && hfield!=0){
			resto = hfield%(hmascara);
			hfield = (hmascara-resto)+hfield;
			field.css('height',hfield);
		}
	}
	desp = '-='+hmascara;
	maract=field.css('marginTop');
	limarg=(hfield-hmascara);
	limarg = '-'+limarg+'px';
	if(hfield==hmascara) limarg='0px';
	if(maract!=limarg){
		field.animate({
			marginTop: desp
		}, 1000, function() {
		});
		//alert("mascara:"+hmascara+"+40, field:"+hfield+", margenTop:"+field.css('marginTop'));
	}
}


/***************************************************************************
					Definiciones funciones Multimedia
***************************************************************************/

function thisMediaImg(i){
	clearInterval(galintervalo);
	galintervalo=setInterval( "imgSwitch()", 6000 );
	laurl="imagenes.php?galeria="+i;
	$galucha=$('#gal_mul_mGal_act');
	$galucha.empty();
	$galucha.append('<table width="450" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	$.ajax({
		type: "GET",
		url: laurl,
		async: false,
		success: function(html){
			$galucha.empty();
			$galucha.append(html);
			$('#gal_mul_mGal a>div').removeClass('desplegado');
			$("#id_gal_mult_"+i).addClass('desplegado');
			setTimeout("applyComments()",100);
		}
	});
}

function mediaImgPage(i){
	laurl="multimedia_pagina.php?pagonly="+i;
	$lista=$('#gal_mul_mGal');
	$activo=$('#gal_mul .bot_galv li.activado');
	$paginas=$('#gal_mul .bot_galv li');
	$nuevo=$paginas.eq($paginas.length-(i));
	if($activo.html()!=$nuevo.html()){	
		$lista.empty();
		$lista.append('<table width="450" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
		$activo.removeClass('activado');
		$nuevo.addClass('activado');
		$.ajax({
			type: "GET",
			url: laurl,
			async: false,
			success: function(html){
				$lista.empty();
				$lista.append(html);
			}
		});
	}
}

function mediaVidPage(i){
	laurl="multimedia_videos.php?pagonly="+i;
	$lista=$('#gal_BM_v');
	$activo=$('#gal_BM .bot_galv li.activado');
	$paginas=$('#gal_BM .bot_galv li');
	$nuevo=$paginas.eq($paginas.length-(i));
	if($activo.html()!=$nuevo.html()){	
		$lista.empty();
		$lista.append('<table width="450" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
		$activo.removeClass('activado');
		$nuevo.addClass('activado');
		$.ajax({
			type: "GET",
			url: laurl,
			async: false,
			success: function(html){
				$lista.empty();
				$lista.append(html);
			}
		});
	}
}

/***************************************************************************
					  Definiciones funciones Gráficos
***************************************************************************/
function plotearGrafico(donde,datos,colo){
	donde = "#"+donde;
	$.plot($(donde),
		[{
			data: datos,
			points: { show: true},
			lines: { show: true},
			color: colo,
			xaxis: 1,
			yaxis: 1,
			clickable: false,
			hoverable: false,
			shadowSize: 3
		}],
		{
			series: {
				lines: { show: true },
				points: { show: true }
			},
			xaxis: {
				ticks: [[0, " "], [1, " "], [2, " "], [3, " "], [4, " "], [5, " "], [6, " "], [7, " "], [8, " "], [9, " "], [10, " "], [11, " "], [12, " "], [13, " "], [14, " "], [15, " "], [16, " "], [17, " "], [18, " "], [19, " "], [20, " "], [21, " "], [22, " "], [23, " "], [24, " "], [25, " "], [26, " "], [27, " "], [28, " "], [29, " "], [30, " "], [31, " "], [32, " "]]
			},
			yaxis: {
				ticks: 30,
				min: 0,
				max: 102
			},
			grid: {
				show: true,
				aboveData: false,
				color: "black",
				backgroundColor: { colors: ["#fff", "#fff"] },
				tickColor: "#CCC",
				labelMargin: 5,
				borderWidth: 1,
				borderColor: "#CCC",
				clickable: true,
				hoverable: true,
				autoHighlight: true,
				mouseActiveRadius: 10
			}
		}
	);
}


/***************************************************************************

***************************************************************************/
function cambiar_grupo_index(grupo){
	switch(grupo.selectedIndex){
		case 0:
			var grup="A";
			break;
		case 1:
			var grup="B";
			break;
		case 2:
			var grup="C";
			break;
		case 3:
			var grup="D";
			break;
		case 4:
			var grup="E";
			break;
		case 5:
			var grup="F";
			break;
		case 6:
			var grup="G";
			break;
		case 7:
			var grup="H";
			break;
	}
	$('#tabla_grupo').empty();
	$('#tabla_grupo').append('<div class="titulo_lat">Cargando ...</div><table width="370" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="estadisticas_grupo.php?grupos=" + grup;
	$("#tabla_grupo").load(url);
}

function comentario_index(form){
	var texto=document.getElementById('texto').value;
	var Grabar=1;
	$('#cuerpo_d').empty();
	$('#cuerpo_d').append('<table width="100" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="rincon_hincha.php?texto=" + encodeURIComponent(texto) + "&Grabar=" + Grabar;
	$('#cuerpo_d').load(url,function(){
		applySlidebox('cont_pst','cont_pst_field');
	});
}

function comentario_femenino(form){
	var texto=document.getElementById('texto').value;
	var Grabar=1;
	$('#cuerpo_d_fem').empty();
	$('#cuerpo_d_fem').append('<table width="100" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="rincon_femenino.php?texto=" + encodeURIComponent(texto) + "&Grabar=" + Grabar;
	$('#cuerpo_d_fem').load(url,function(){
		applySlidebox('cont_pst_fem','cont_pst_fem_field');
	});
}

function comentario_noticia(form){
	var texto=document.getElementById('texto').value;
	var Grabar=1;
	$('#cuerpo1_dcont').empty();
	$('#cuerpo1_dcont').append('<table width="100" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="rincon_noticia.php?texto=" + encodeURIComponent(texto) + "&Grabar=" + Grabar;
	$('#cuerpo1_dcont').load(url,function(){
		applySlidebox('cont_pst_noti','cont_pst_noti_field');
	});
}

function comentario_multimedia(form){
	var texto=document.getElementById('texto').value;
	var Grabar=1;
	$('#cuerpo1_DM').empty();
	$('#cuerpo1_DM').append('<table width="100" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="rincon_multimedia.php?texto=" + encodeURIComponent(texto) + "&Grabar=" + Grabar;
	$('#cuerpo1_DM').load(url,function(){
		applySlidebox('cont_pst_mult','cont_pst_mult_field');
	});
}


function cambio_pais(pais){
	if(pais.options[pais.selectedIndex].value==37){
	   location.href="equipo_chile.php?pais="+pais.options[pais.selectedIndex].value;
	}else{
          location.href="equipo_pais.php?pais="+pais.options[pais.selectedIndex].value;
	}
}

function cambiar_partidos_pollagol(fecha){
	$('#pollagol_partidos').empty();
	$('#pollagol_partidos').append('<table width="450" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="pollagol_partidos.php?fecha=" + fecha.selectedIndex;
	$("#pollagol_partidos").load(url,function(){
											  radioSetUp();
											  });
}
function cambiar_pollagol_ranking(fecha_ranking){
	$('#pollagol_ranking').empty();
	$('#pollagol_ranking').append('<table width="200" border="0" cellpadding="0" cellspacing="0"><tr><td height="3" colspan="12"><img src="imagenes/loading.gif"/></td></tr></table>');
	var url="pollagol_ranking.php?fecha_ranking=" + fecha_ranking.selectedIndex;
	$("#pollagol_ranking").load(url);
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}