$(document).ready(function () {

	$('#listado #listavideos .eventos:first').hide();
	var pag = 1;
	
	//cambiar el listado
	var loadListado = function(miPag){
		var contenido = $("<span></span>").load( path+locale+'/videos/ajax_listado/'+miPag);
		$('#listado').fadeOut('slow', function(){ 
			$(this).html(contenido).fadeIn();
		});
		pag = miPag
	}
	//cambiar el detalle
	var loadDetalle = function(id){
		unmarkListado();
		var contenido = $("<span></span>").load( path+locale+'/videos/ajax_detalle/'+id );
		$('#detalle').fadeOut('slow', function(){
											  
			$(this).html(contenido).fadeIn('load',function(){
				$.getScript(path+'js/cufon-config.js');											   
			});
			cargaVideo();
			markListado(id);
		});
	}

	var cargaVideo = function(){
		var youtube_id = $('#detalle #videoplayer').attr('rel');
		var imagen = $('#detalle #videoplayer img').attr('src');
		
		$('#detalle #videoplayer').html('<object width="600" height="365"><param name="movie" value="http://www.youtube.com/v/'+youtube_id+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+youtube_id+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="365"></embed></object>');
		
		//$('#detalle #videoplayer').flash({
		//	src: path+'flash/if/video.swf',	width: '600',	height: '365',	hasVersion: 9,
		//	flashvars: { skin: path+'flash/if/videoskin_modieus.swf', autostart: true, type: 'video'
			/*,stretching: 'fill'*/ //,overstretch: false, 
		//	icons: true, displayclick:'none', file: encodeURIComponent(path+locale+'/videos/yt/'+youtube_id) ,image: encodeURIComponent(imagen)
		//	},
		//	params: { menu: 'false', wmode: 'transparent', scale: 'noscale', allowfullscreen: true,	allowscriptaccess: 'always' }
		//});
	}

	var unmarkListado = function(){
		$('#listado #listavideos .eventos').show();
	}
	var markListado = function(id){
		$('#listado #listavideos .eventos[id=e'+id+']').hide();
	}

	//Tipos (estatico)
	$('#selSeccion').change(function(e){
		e.preventDefault();
		seccion = $(this).val();
		loadListado(seccion,1);
	});
	//Paginaciones (dinamico)
	$('.paginacion.prev a').live('click', function(e){
		e.preventDefault();
		loadListado(seccion, pag-1);
	});
	$('.paginacion.next a').live('click', function(e){
		e.preventDefault();
		loadListado(seccion, pag+1);
	});
	//Detalle (dinamico)
	$('#listado #listavideos .eventos a').live('click', function(e){
		e.preventDefault();
		loadDetalle( $(this).attr('rel') );
	});
	
	cargaVideo();
});