/**
 * Clase que sirve para alternar entre el contenido de varios elementos cuyo numero es fijo 
 * y no se muestran en un slider
 * El contenido al que enlaza cada uno (imagenes, videos, noticias) se muestra en un contenedor dinámicamente 
 * y se alterna de forma automática mediante un temporizador
 * Como son pocos elementos (3 o 4), el contenido dinámico se carga directamente en la página
 * Y se muestra u oculta en función del elemento seleccionado
 * Para un número mayor de elementos es recomendable cargar el contenido dinámico mediante AJAX
 */
 
function cambiaNoticias(){
  
  var cambia = this;
  
  var idElementosDinamicosWrapper = 'ptd_videos_wrapper';
  var claseElementosDinamicos = 'ptd_video';
  var idSliderWrapper = 'ptd_listado_videos';
  var claseElementosSlider = 'ptd_cont_listado_video'; 
  var claseElementosSliderLink = 'ptd_listado_video_link';
  
  cambia.elementosDinamicos = jQuery('.'+claseElementosDinamicos);
  cambia.elementoDinamicoWrapper = jQuery('#'+idElementosDinamicosWrapper);
  cambia.elementosSlider = jQuery('.'+claseElementosSlider);
  cambia.elementosSliderLinks = jQuery('.'+claseElementosSliderLink );
  cambia.sliderWrapper = jQuery('#'+idSliderWrapper);
  
  cambia.numElementos = cambia.elementosSlider.length;
  
  cambia.noticiaActiva = 0;
  
  cambia.elementosSlider.click(function(e)
  {
	  e.preventDefault();
	  clearInterval(cambia.interval);
	  var elemento = jQuery(this);
	  var indexElemento = cambia.elementosSlider.index(elemento);
	  cambia.noticiaActiva = indexElemento;
	  cambia.actualizaNoticias();
  });
  
  cambia.actualizaNoticias = function()
  {
	var elemento = cambia.elementosSlider.eq(cambia.noticiaActiva);
    var elementoDin = cambia.elementosDinamicos.eq(cambia.noticiaActiva);
	var link_elemento = jQuery('.'+claseElementosSliderLink,elemento);
	
	cambia.elementosSlider.removeClass('ptd_cont_listado_video_activo').addClass('ptd_cont_listado_video_inactivo');
	elemento.removeClass('ptd_cont_listado_video_inactivo').addClass('ptd_cont_listado_video_activo');
	
	cambia.elementosSliderLinks.removeClass(claseElementosSliderLink+'_on').addClass(claseElementosSliderLink+'_off');	
	link_elemento.removeClass(claseElementosSliderLink+'_off').addClass(claseElementosSliderLink+'_on');
	
	cambia.elementosDinamicos.css({'display':'none'});
	elementoDin.fadeIn('fast');
	
  };
  
  /*
  cambia.interval = setInterval(function() {
  cambia.noticiaActiva = ((cambia.noticiaActiva + 1 )% cambia.numElementos);
	  cambia.actualizaNoticias();
  }, 4900);
  */
};
            

jQuery(document).ready(function() {
  var portadaVideos = new cambiaNoticias();
});