$(document).ready(function() {
	// Twitter CopaCopec
	
	setTimeout(function () {
	     the_twitter();
	 }, 4000);
	
	$('.control ul li.item1').addClass('item-active');
	
	$('.fondo li').hide();
	$('.fondo li:first').fadeIn(1000);
	$('.fondo li:first').addClass('current');
	index = 2;
	
	//timer = null;
	var flag = 1;
	slide(flag);
	//$('.control').mouseleave(function(){
	//	var flag = 1;
	//	slide(flag);
	//});
	//$('.control').mouseenter(function(){
	//	var flag = 0;
	//	slide(flag);
	//	
	//});
	//
	function slide(activo){
		if (activo == 1){
			timer = setInterval(function() {
				var i = $('.fondo li.current').attr('id').split('fondo');
				var num = parseInt(i[1]);
				index = num+1;
				if (index >= 4) {
					index = 1;
				}else{
					index = num+1;
				};
				$('.fondo li').fadeOut(700);
				$('.fondo li').removeClass('current');
				$('.fondo li#fondo'+index).fadeIn(700);
				$('.fondo li#fondo'+index).addClass('current');
				$('.control ul li').removeClass('item-active');
				$('.control ul li.item'+index).addClass('item-active');
			}, 3000);
		}else{
			clearInterval(timer);
		}
	}
	
	//MENU HEADER HOME
	var random = Math.floor(Math.random()*4+1);
	
	$('.lista-menu-header>li > a.city_title_bar').click(function() {
		$('.lista-menu-header li a.city_title_bar').removeClass('ciudad-activa');
		$(this).children('a').addClass('ciudad-activa');
		//$('.lista-menu-header li ul').slideUp(700);
		//$(this).children('ul').slideDown(700);
		if ( $(this).next('ul').is(':visible')){
			$('.lista-menu-header > li > ul').slideUp(300);
		}else{
			$('.lista-menu-header > li > ul').slideUp(300);
			$(this).next('ul').slideDown(300);
		}
		//return false;
	});
	
	$('.lista-menu-header>li:nth-child('+random+')').children('ul').slideDown(700);
	$('.lista-menu-header>li:nth-child('+random+')').children('a').addClass('ciudad-activa');
	
	
	//MENU SIDEBAR
	$('.lista-menu-sidebar > li > a.city_title_bar').click(function() {
		$('.lista-menu-sidebar a.city_title_bar').removeClass('ciudad-activa-sidebar');
		$(this).addClass('ciudad-activa');
		if ( $(this).next('ul').is(':visible')){
			$('.lista-menu-sidebar > li > ul').slideUp(300);
		}else{
			$('.lista-menu-sidebar > li > ul').slideUp(300);
			$(this).next('ul').slideDown(300);
		}
		//return false;
	});
	
	$('.lista-cat-sidebar > li > ul').hide();
	//MENU SIDEBAR SUBCATEGORIAS
	//$('.lista-cat-sidebar > li').click(function() {
	//	$('.lista-cat-sidebar > a').removeClass('ciudad-activa-sidebar');
	//	$(this).children('a').addClass('ciudad-activa');
	//	$('.lista-cat-sidebar > li > ul').slideUp(700);
	//	$(this).children('ul').slideDown(700);
	//	//return false;
	//});
	
	$('.lista-subcat li a').click(function() {
		var dirlink = $(this).attr('href');
		$('body').load(dirlink);
	});
	
	
	//$('.lista-menu-sidebar>li').children('ul').slideDown(700);
	//$('.lista-menu-sidebar>li').children('a').addClass('ciudad-activa-sidebar');
	
	
	//CONTROLES SLIDESHOW HOME
	$('.control ul li').click(function() {
		var item_bruto  = $(this).attr('class');
		var item = item_bruto.split('item');
		$('.fondo li').fadeOut();
		$('.fondo li#fondo'+item[1]).fadeIn(700);
		$('.fondo li').removeClass('current');
		$('.fondo li#fondo'+item[1]).addClass('current');
		$('.control ul li').removeClass('item-active');
		$(this).toggleClass('item-active');
	});
	
	
	//GALERIA DE FOTOS HOME
	$('.thumbnails li a').click(function (e) {
		e.preventDefault();
		$('.thumbnails li').css('opacity', '0.5');
		$(this).parent('li').css('opacity', '1');
		$('.foto-preview').children('img').hide();
		var direccion = $(this).attr('href');
		var newphoto = $('.foto-preview').children('img').attr('src', direccion);
		$('.foto-preview').children('img').fadeIn(7000);
	});
	
	
	$('.galeria-thumbnails li:nth-child(4)').css('margin-right', '0');
	$('.galeria-thumbnails li:nth-child(8)').css('margin-right', '0');
	$('.galeria-thumbnails li:nth-child(12)').css('margin-right', '0');
	$('.galeria-thumbnails li:nth-child(16)').css('margin-right', '0');
	$('.galeria-thumbnails li').css('opacity', '0.5');
	
	$('.galeria-thumbnails li').mouseenter(function() {
		$(this).css('opacity', '0.65');	
	});
	$('.galeria-thumbnails li').mouseleave(function() {
		$(this).css('opacity', '0.5');	
	});
	
	var first_img = $('.galeria-thumbnails li a:first').attr('href');
	$('#galeria-preview').children('img').attr('img', first_img);
	$('#galeria-preview').children('img').fadeIn(300);
	
	//GALERIA DE FOTOS TORNEO
	$('.galeria-thumbnails li a').click(function (e) {
		e.preventDefault();
		$('.galeria-thumbnails li').css('opacity', '0.5');
		$(this).css('opacity', '1');
		$('#galeria-preview').children('img').hide();
		var direccion = $(this).attr('href');
		var newphoto = $('#galeria-preview').children('img').attr('src', direccion);
		$('#galeria-preview').children('img').fadeIn(7000);
		//return false;
	});
	var first_img = $('.galeria-thumbnails li a:first').attr('href');
	var newphoto = $('#galeria-preview').children('img').attr('src', first_img);
	$('#galeria-preview').children('img').fadeIn(300);
	
	//TABLA DE POSICIONES
	$('.tabla-posiciones tr:even').css('background-color','rgba(153,153,153,0.2)');
	$('.tabla-posiciones tr:nth-child(2) td:nth-child(2)').css('color', '#72B63E');
	$('.tabla-posiciones tr:nth-child(2) td:nth-child(3)').css('color', '#72B63E');
	$('.tabla-fairplay tr:even').css('background-color','rgba(153,153,153,0.2)');
	$('.tabla-programa tr:even').css('background-color','rgba(153,153,153,0.2)');
	$('.tabla-colegios tr:even').css('background-color','rgba(153,153,153,0.2)');
	
	//GALERIA DE IMAGENES
	$('.submenu-gal li').mouseenter(function() {
		$(this).children('ul').fadeIn(300);
	});
	$('.submenu-gal li').mouseleave(function() {
		$(this).children('ul').hide();
	});
	
	//FILTRAR CATEGORIA COLEGIOS
	$('.filtrar-cat').click(function() {
		if ($(this).children('ul').is(':visible')) {
			$(this).children('ul').slideUp(700);
		} else {
			$(this).children('ul').slideDown(700);
		}
	});
	$('.filtrar-cat').mouseleave(function() {
		$(this).children('ul').slideUp(700);
	});
	
	
	//FILTRAR MES CALENDARIO
	$('.filtrar-mes').click(function() {
		if ($(this).children('ul').is(':visible')) {
			$(this).children('ul').slideUp(700);
		} else {
			$(this).children('ul').slideDown(700);
		}
	});
	$('.filtrar-mes').mouseleave(function() {
		$(this).children('ul').slideUp(700);
	});
	
	$('.cancha').click(function(){
		var imagen_cancha = $(this).attr('href');
		var texto = $(this).attr('rel');
		$('#foto_cancha').attr('src', imagen_cancha);
		$('.submenu-active').attr('class', 'cancha');
		$('.info-cancha').children('h2').html(texto);
		$(this).addClass('submenu-active');
		return false;
	});
	
	$('.but-vercapitulo').click(function(e){
		var src = $(this).attr('href');
		$('.preview-video-grande > iframe').attr('src', src)
		e.preventDefault();
	});
});




function the_twitter(){
	$.jTwitter('copa_copec', 3, function(data){
		$('.twi-display .timeline').empty();
		$.each(data, function(i, post){
			var tweet = post.text;
			var link = /(HTTP:\/\/|HTTPS:\/\/)([a-zA-Z0-9.\/&?_=!*,\(\)+-]+)/i;
			var hashtag = /(#)([a-zA-Z0-9.\/&?_=!*,\(\)+-]+)/i;
			var user = /(@)([a-zA-Z._]+)/i;
			var rep_link = "<a href=\"$1$2\" onclick=\"window.open(this.href); return false;\">$1$2</a>";
			var rep_hash = "<a href=\"http://twitter.com/#!/search/%23$2\" onclick=\"window.open(this.href); return false;\">$1$2</a>";
			var rep_user = "<a href=\"http://twitter.com/#!/$2\" onclick=\"window.open(this.href); return false;\">$1$2</a>";
			texto = tweet.replace(link, rep_link);
			texto = texto.replace(hashtag, rep_hash);
			texto = texto.replace(user, rep_user);
			$('.twi-display .timeline').append(
				'<li id="'+i+'">'
				+ texto
				+'</li>'
			);
		});
		llamada();
	});
};

function llamada(){
	$(".twi-display ul").delay(1000).jcarousel({
		scroll: 1,
		auto: 6,
		wrap: 'last',
		animation: 700,
		initCallback: twislider_initCallback
	});	
}
function twislider_initCallback(carousel) {
	$('#butright').click(function() {
		carousel.next();
		return false;
	});
	$('#butleft').click(function() {
		carousel.prev();
		return false;
	});
	$('#butright, #butleft').hover(function() {
		carousel.stopAuto();	
	}, function(){
		carousel.startAuto();	
	});
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
};