(function ($) {
	$.fn.vAlign = function(container) {
		return this.each(function(i){
			if(container == null) {
				container = 'div';
			}
			$(this).html("<" + container + ">" + $(this).html() + "</" + container + ">");
			var el = $(this).children(container + ":first");
			var elh = $(el).height(); //new element height
			var ph = $(this).height(); //parent height
			var nh = (ph - elh) / 2; //new height to apply
			$(el).css('margin-top', nh);
		});
	};

        

})(jQuery);

// Preloader de "Contacto.
var enviaFormularioContacto = function() {
	xajax.dom.create("loading","div", "loading");
  	xajax.$('loading').innerHTML='<div class="procesando"><img src="img/loading.gif" width="160" height="20" align="absmiddle" />Procesando...</div>';
}
function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}

/*votacion*/
function envia(){
    	var ajax=nuevoAjax();
    	var opcion;
	var divEncuesta=document.getElementById('contenedor_encuesta');
	for( var i =0; i < document.encuesta_form.opcion.length; i++) {
			if(document.encuesta_form.opcion[i].checked==true){
				opcion=document.encuesta_form.opcion[i].value;
			}
	}//for
	
	
	ajax.open("GET", "includes/functions/Clases_index.php?opcion="+opcion, true);
	ajax.onreadystatechange=function() 
		{ 

			if (ajax.readyState==4)
			{
				var respuesta=ajax.responseText;
				divEncuesta.innerHTML=decodeURIComponent(respuesta);
			} 
		}
	ajax.send(null);
	
}
function getStatusUstream (channel, seccion){

	$(document).ready(function(){							   	
							   
		$.getJSON("http://api.ustream.tv/json/channel/"+ channel +"/getInfo/datos?callback=?",
				 				  
        function(datos){
			
			if(seccion == 'en_vivo'){
				
				if (datos.status == "offline"){
					$('#info_video').html('<span class="mensaje_ustream">En estos momentos no estamos transmitiendo en vivo pero puedes ver alg&uacute;nos programas grabados</span>');
					$('.mensaje_ustream').animate({opacity:"show"}, 2000);
				} else if (datos.status == "live"){
					$('#info_video').html('<span class="status_live2">Transmitiendo en Vivo: </span><span class="title_programa_live2">'+ datos.title +'</span>').animate({display:'block'}, 1000);
					$('.mensaje_ustream').animate({opacity:"show"}, 2000);				
				} else {
					$('#info_video').html('<span class="status">Error al obtener el estado de la transmisi&oacute;n</span>').animate({display:'block'}, 1000);
					$('.mensaje_ustream').animate({opacity:"show"}, 2000);				
				}

				
			} else {
						
				if (datos.status == "offline"){
					$('#ustream').html('<span class="status">En estos momentos no estamos transmitiendo en vivo pero puedes ver alg&uacute;nos programas grabados</span>');
					$('.status').animate({opacity:"show"}, 2000);
				} else if (datos.status == "live"){
					$('#ustream').html('<a href="en_vivo.php" class="link_azul">Ver ransisi&oacute;n en vivo</a><br /><br /><span class="status_live">En estos momentos: </span><span class="title_programa_live">'+ datos.title +'</span>').animate({display:'block'}, 1000);
					$('.status').animate({opacity:"show"}, 2000);				
				} else {
					$('#ustream').html('<span class="status">Error al obtener el estado de la transmisi&oacute;n</span>').animate({display:'block'}, 1000);
					$('.status').animate({opacity:"show"}, 2000);				
				}
	
				$('.status').animate({opacity:"show"}, 2000);
				$('.status').queue(function(){setTimeout(function(){ $('.status').dequeue(); }, 56000); }); 
				$('.status').animate({opacity:"hide"}, 2000);
	
				setTimeout ("getStatusUstream('"+ channel +"', 'right_column')", 60000);
				
			}
			
				
        });

	
	
	});

}

function carruselAutoplay (){
	
	$(document).ready(function(){	
	
		// Inicializo el carrusel del header.
		$('#carousel li img, #carousel li object').css({"display":"block"});		
		$('#carousel').infiniteCarousel({autoplay : true});
                


                
		
	});
	
}
function carruselGaleriaAutoplay (){

	$(document).ready(function(){

		// Inicializo el carrusel del header.
		$('#carousel li img, #carousel li object').css({"display":"block"});
		$('#carousel').infiniteCarousel({autoplay : true, displayThumbnails:1});





	});

}

function carruselEstatico (){
	
	$(document).ready(function(){		
	
		// Inicializo el carrusel del header.
		$('#carousel li img, #carousel li object').css({"display":"block"});		
		$('#carousel').infiniteCarousel({autoplay : false});	
	
	});
	
}

function backgroundColumnaDiaActual (dia){

	$(document).ready(function(){
		
		$("#horarios_programacion table").find('td').filter(':nth-child(' + (dia + 1) + ')').css({backgroundColor : "#0E1214"}) 		
		
	});
}

function mostrarVideo (box, url, screenshot){
	
	var so = new SWFObject("swf/player.swf", "player", "480", "360", "9", "#000000");
	so.addParam("allowfullscreen ", "true");
	//so.addVariable("idvideo", url); <!-- cambiar por la ruta del video -->
	so.addParam('flashvars',"file="+ url +"&image="+ screenshot +"&autostart=false");   	
	//so.addVariable("idimagen", screenshot); <!-- cambiar por la ruta de la imagen -->
	so.write(box);
	
}

function cargaGoogleMaps (box, latitud, longitud) {
								   
	// Comprobamos si el navegador es compatible con los mapas de Google.
	if (GBrowserIsCompatible()) { 
	
		// Creo el mapa de localizacon de la tienda.
		var mapa = new GMap2(document.getElementById(box));
		mapa.setCenter(new GLatLng(latitud,longitud), 16, G_NORMAL_MAP);
		mapa.addControl(new GSmallMapControl(),new GControlPosition (G_ANCHOR_TOP_LEFT, new GSize(8, 30)));
		mapa.addControl(new GMapTypeControl());				
		var point = new GLatLng(latitud,longitud);
		mapa.addOverlay(new GMarker(point));
		
	
	} else {
		
		// Pongo la im�gen del mapa.
		
		if(box == 'mapa_contacto'){
			var mapa = document.getElementById(box).innerHTML = '<img src="img/mapa_contacto.jpg" width="651" height="385" />';						
		} else {
			var mapa = document.getElementById(box).innerHTML = '<img src="img/mapa_encuentranos.jpg" width="222" height="222" />';						
		}
		
		
	}
		
}

function muestraFormularioContacto (){
	
	$(document).ready(function(){
		
		$('#formulario_contacto').slideDown(1000);
		$("#title_seccion").animate({opacity : "show"}, 1000);
		$("#success_form_contacto").slideUp(1000);
		
	});	
	
}

function comprueba_buscador (ID_busqueda, valor) {

	if(document.getElementById(ID_busqueda).value == ''){
		document.getElementById(ID_busqueda).value = 'm\u00e1s videos...';	
	} else{
		if(document.getElementById(ID_busqueda).value == 'm\u00e1s videos...'){
			document.getElementById(ID_busqueda).value = '';
		} else {
			document.getElementById(ID_busqueda).value = valor;	
		}
	}

}

// DOM Ready General.
$(document).ready(function(){

	// Submenus para el menu principal.
	$('.menu ul > li').hover(function(){
		
		// Estados activos de los links.
		$("#submenu_nuestros_programas").hover(function(){
			$(".uno").addClass("nuestros_programas_active");			   
		}, function(){
			$(".uno").addClass("uno").removeClass("nuestros_programas_active");	
		});
		
		$("#submenu_especiales").hover(function(){
			$(".cuatro").addClass("especiales_active");			   
		}, function(){
			$(".cuatro").addClass("cuatro").removeClass("especiales_active");	
		});		
		
		$("#submenu_mas").hover(function(){
			$(".cinco").addClass("mas_active");			   
		}, function(){
			$(".cinco").addClass("cinco").removeClass("mas_active");	
		});		
									  
		$('.submenu',this).stop(true,true).slideDown('fast');
		
	}, function(){
		$('.submenu',this).slideUp('fast');
	});
	
	// Pestanas de programacion.
	$(".tab_content").hide();
	$("ul.tabs li:first").addClass("active").show(); // Activo la primera pestana.
	$(".tab_content:first").show(); // Muestro el contenido de la primera pestana.

	// Cuando le den click a la pestana
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); // Remuevo todas las pestanas activas.
		$(this).addClass("active"); // Agrego la clase activa a la seleccionada.
		$(".tab_content").hide(); // Oculto todos los contenidos de las pestanas.

		var activeTab = $(this).find("a").attr("href"); // Busco el # del link de la pestana.
		$(activeTab).fadeIn(); // Muestro el contenido del # seleccionada.
		return false;
	
	});
	
	// Obtengo el status del canal de television online.
	getStatusUstream('universidad-de-artes-digitales', 'right_column');
	
	// Alineaci�n vertical de los nombres de los conductores.
	$(".nombre_conductor, .titulo_post").fadeIn().vAlign();
	
	// Programacion (Horarios).
	$("#horarios_programacion tr").mouseover(function(){
		$(this).addClass("row_seleccionado");													  
	})
	
	$("#horarios_programacion tr").mouseout(function(){
		$(this).removeClass("row_seleccionado");													  
	})	
	
	$("#horarios_programacion tr:first > td").css({"border-top" : "none"});
	$("#horarios_programacion tr td:last-child").css({"border-right" : "none"});
	
	$("#canales a").click(function(){
								   
		$("#canales a").switchClass('canal', 'canal_seleccionado', 1000);								   
		$(this).switchClass('canal_seleccionado', 'canal', 1000);								   
	
	})
	
	// Videos.
	$(".img_video a").append('<div><img src="img/play_chico.png" width="37" height="37" class="play_icon" border="0" /></div>');
	
	$(".link_img_video").mouseover(function(){
		$(this).find('.play_icon').css({'display':'block'});						   
	});

	$(".link_img_video").mouseout(function(){
		$(this).find('.play_icon').css({'display':'none'});						   
	});	

	// Contacto.
	$("#enviar_formulario_contacto").click(function(){
		$("#text_mensaje").fadeOut(1000);												
	})
	
	// Resultados de busqueda.
	$(".img_resultado a").append('<div><img src="img/play_chico.png" width="37" height="37" class="play_icon" border="0" /></div>');
	
	$(".link_img_video_resultado").mouseover(function(){
		$(this).find('.play_icon').css({'display':'block'});						   
	});

	$(".link_img_video_resultado").mouseout(function(){
		$(this).find('.play_icon').css({'display':'none'});						   
	});	


        
	
			
});
function showImage(image){
            infiniteCarousel.thumbclick();
        }