var rutaStatics = "/StaticFiles/UniversidadAutonomaMadrid/" //para desarrollo
//var rutaStatics = "./" //para local
//calcula capacidad contratada transporte
var pintaCarrusel = {
	init:function(){
		//alert("hola");
	}
};
function onytplayerStateChange(newState) {
	if (newState == 1){
			if( myCarousel = $("#carruselfranja").data('jcarousel') ) {
					myCarousel.stopAuto()
			}

			$("#pause").css ( 'display' , 'none' );
			$("#play").css ( 'display' , 'block' );
				
		}
	else if (newState == 2){
		if( myCarousel = $("#carruselfranja").data('jcarousel') ) {
					myCarousel.startAuto()
			}
		$("#pause").css ( 'display' , 'block' );
		$("#play").css ( 'display' , 'none' );
	}
}
	
function mycarousel_initCallback(carousel){

	var numSlider = $('#carrusul').children('li').length;
	for ( var i = 0; i < numSlider; i++ ){
	$('.controles').append('<a href="#"><img alt="" /></a>')
	var clases = "boton" + (i + 1);
	$('.controles a:last').attr({ 'id' : clases , 'class' : 'boton' })
	$('.controles a img:last').attr( 'class' , clases );
	}
	$('.controles a img').attr( 'src' , rutaStatics +'/img/punto_blanco.png');
	$('.controles a img:first').attr( 'src' , rutaStatics +'/img/punto_verde.png');

     jQuery('.controles a').bind('click', function() {
		var selector = $(this).attr('id');
		var indice = selector.substr(5,1);
		var selector = "."+ selector;
		jQuery('.controles a img').attr('src' , rutaStatics +'/img/punto_blanco.png');
		jQuery(selector).attr('src' , rutaStatics +'/img/punto_verde.png');
		carousel.scroll(jQuery.jcarousel.intval(indice));
		
        return false;
    });

	$("#pause").bind('click', function(){
		carousel.stopAuto();
		$("#pause").css ( 'display' , 'none' );
		$("#play").css ( 'display' , 'block' );
		
		return false;
	});
	
	$("#play").bind('click', function(){
		carousel.startAuto();
		$("#play").css ( 'display' , 'none' );
		$("#pause").css ( 'display' , 'block' );
		
		return false;
	});

};

//funcionalidad agenda

var agenda = {
	init:function(){
		$("#capasemana #carruselmanal .content").each(function(){
			var _this = $(this);
			_this.bind("click", function(e){
				var detalle = $("#capasemana .detalles_agenda");
				detalle.empty();
				var contenido = $(this).find(".contenido_dia");
				detalle.append(contenido.html());
				//buscas el activo y le quitas la clase
				var dianterior = $('#carruselmanal').find('.activo');
				dianterior.removeClass('activo');
				//a this le pones activo
				_this.addClass("activo");
				
				var numes = $('#capasemana #carruselmanal .activo .numes').html();
				$('.mesanio').empty();
				$('.mesanio').append(numes);
				
				
				return false;
			});
			
		});
	}
};

jQuery(document).ready(function() {	
	if ($("#capasemana").length !=0){
		agenda.init();
	}
	if ($("#carruselfranja").length !=0){
		var tiempoTransicion = 5;
		$("#carruselfranja").jcarousel({
			scroll: 1,
			initCallback: mycarousel_initCallback,
			// This tells jCarousel NOT to autobuild prev/next buttons
			buttonNextHTML: null,
			buttonPrevHTML: null,
			wrap: 'both',
			auto: tiempoTransicion,
			vertical: false,
			itemVisibleInCallback: {
				onAfterAnimation: function(c, o, i, s) {
				
				
				
				var numSlider = $('.controles').children('a').length;
				var indice = (i % numSlider);
				
				if (indice == 0){
					indice = numSlider;
					}
				var boton = '.boton' + indice;
					
				jQuery(boton).attr('src' , rutaStatics +'/img/punto_verde.png');

				indice = indice - 1;	
				
				if (indice == 0){
					indice = numSlider;
					}
				boton = '.boton' + indice;

				jQuery(boton).attr('src' , rutaStatics +'/img/punto_blanco.png');
				}
			}

		});
	}

	if ($("#mycarousel").length !=0){
		$("#mycarousel").jcarousel({
			vertical: true,
			scroll: 3
		});
	}
	
	if ($("#carruselmanal").length !=0){
		$("#carruselmanal").jcarousel({
			scroll: 7,
			itemVisibleInCallback: {
				onAfterAnimation: function(c, o, i, s) {

					var indice = i - 1;
					var lilis = ".jcarousel-item-" + indice +" .numes";
					var lili = ".jcarousel-item-" + indice;
					
					var numes = $(lilis).html();
					
					if (i == 9){
						var numes = $(lilis).html();
						$('.mesanio').empty();
						$('.mesanio').append(numes);
					}
					if (i == 2){
						var numes = $('#capasemana #carruselmanal .activo .numes').html();
						$('.mesanio').empty();
						$('.mesanio').append(numes);
					}
	
				}
			}
		});
	}
	
	if ($("#tab_list li").lenght !=0){
		$(".div_tab h2").css('display' , 'none');
		$("#tab_list").css('display' , 'block');
		var numPestanas = $('#tab_list').children('li').length;
		if (numPestanas > 1){
			for (var i = 2; i <= numPestanas; i++){
				var divis = "#tab_" + i;
				$(divis).css('display' , 'none');
			}
		}
	}
	
	if ($("#tab_ul li").lenght !=0){
		$(".div_tab_2 h2").css('display' , 'none');
		$("#tab_ul").css('display' , 'block');
		var numPestanas = $('#tab_ul').children('li').length;
		if (numPestanas > 1){
			for (var i = 2; i <= numPestanas; i++){
				var divis = "#tablack_" + i;
				$(divis).css('display' , 'none');
			}
		}
	}
	
	$("#tab_list li").bind('click', function( ){
	
			var numPestanas = $('#tab_list').children('li').length;
			var atributo = $(this).attr('id');
			var num = atributo.substr(8,1);
			atributo = "#" + atributo;
			
			for (var i = 1; i < (numPestanas + 1); i++){
				var divis = '#tab_' + i;
				var aes = '#tabalist' + i;
				var lilis = '#tab_list' + i;
				
				$(divis).css('display' , 'none');
				$(aes).css({'background' : 'none #EBEBEC' , 'color' : '#009966', 'cursor' : 'pointer'});
				$(lilis).css('background' , 'url('+rutaStatics+'/img/img_tab_sombra.png) no-repeat 100% 0 #EBEBEC');
				
			}
			divis = '#tab_' + num;
			aes = '#tabalist' + num;
			
			$('#tab_list li.last').css('backgroundColor' , 'white'); 
			$(divis).css( 'display' , 'block' );
			$(aes).css({'backgroundColor' : '#CBC9C6' , 'color' : '#333', 'cursor' : 'default'});
			
			if (num != 1){
				lilis = '#tab_list' + (num -1);
				aes = '#tabalist' + (num -1);
				$(lilis).css('background' , 'none #CBC9C6');
				$(aes).css('background' , 'url('+rutaStatics+'/img/img_tab_sombra2.png) no-repeat 100% 0 #EBEBEC');
			
			}
			
			return false;
	});
	
	$("#tab_ul li").bind('click', function( ){
	
			
			var numPestanas2 = $('#tab_ul').children('li').length;
			var atributo = $(this).attr('id');
			var num = atributo.substr(3,1);
			atributo = "#" + atributo;
			
			for (var i = 1; i < (numPestanas2 + 1); i++){
				var divis = '#tablack_' + i;
				var aes = '#taba' + i;
				var lilis = '#tab' + i;
				
				$(divis).css('display' , 'none');
				$(aes).css({'background' : 'none #48494E' , 'color' : '#009966' , 'cursor' : 'pointer'});
				$(lilis).css('background' , 'url('+rutaStatics+'/img/img_tab_sombra.png) no-repeat 100% 0 #48494E');
				
				
			}
			divis = '#tablack_' + num;
			aes = '#taba' + num;
			$('#tab_ul li.last').css('backgroundColor' , 'white'); 
			$(divis).css({'display' : 'block' , 'backgroundColor' : 'black'});
			$(aes).css({'backgroundColor' : '#121315' , 'color' : '#fff' , 'cursor' : 'default' });
			
			if (num != 1){
				lilis = '#tab' + (num -1);
				aes = '#taba' + (num -1);
				$(lilis).css('background' , 'none #121315' );
				$(aes).css('background' , 'url('+rutaStatics+'/img/img_tab_sombra2.png) no-repeat 100% 0 #48494E');
			}
			
			return false;
	});
	
	$('#agenda a.ftr').bind('click', function(){
		var atributo = $(this).attr('id');
		if ( atributo == 'mes'){
			$('#agenda').css('backgroundImage' , 'none');
			$('#capasemana').css('display' , 'none');
			$('#capames').css('display' , 'block');
			$('#semana').removeClass('activo');
			$(this).addClass('activo');
			return false;
			}
		else {
			$('#agenda').css('backgroundImage' , 'url("./img/bg_agenda.png")');
			$('#capasemana').css('display' , 'block');
			$('#capames').css('display' , 'none');
			$('#mes').removeClass('activo');
			$(this).addClass('activo');
			return false;
		}
	});
	
	if ($("#carruselmanal").length !=0){
			var numes = $('#capasemana #carruselmanal .activo .numes').html();
			$('.mesanio').empty();
			$('.mesanio').append(numes);
	   		}
	
});