var youtube = {
	mostrar: 10,
	videos: new Array(),
	related: function(data) {
		this.videos = data.feed.entry;
		
		$('.tab_videos').click(function() {
			youtube.init();								
		});
	},
	
	init: function() {
		var ancho = 0;
		$('.yt-carrusel').empty();
		
		$.each(this.videos, function(i,item) {
			if(i<youtube.mostrar) {
				
				var mins = 0;
				var duracion = item.media$group.yt$duration.seconds;
				while(duracion >= 60) { mins++;duracion-=60; }
				if(duracion < 10) duracion = "0"+duracion;
				duracion = mins+":"+duracion;
				
				$('<div class="thumb-video tube_'+i+'"></div>').appendTo('.yt-carrusel');
				$('<div class="ytimg imgtube_'+i+' clearfix"></div>').appendTo('.tube_'+i);
				$('<img src="'+item.media$group.media$thumbnail[0].url+'" alt="'+item.title.$t+'" width="90" height="54" />').appendTo('.imgtube_'+i);
				$('<span class="ytduracion">'+duracion+'</span>').appendTo('.imgtube_'+i);
				$('<strong>'+item.title.$t.substr(0,25)+'</strong>').appendTo('.tube_'+i);
				$('<p>'+item.yt$statistics.viewCount+' reproducciones</p>').appendTo('.tube_'+i);
				
				$('.tube_'+i).click(function() {
					//$('#youtube').attr('data','http://www.youtube.com/v/-qdyQ3hu3l4&amp;hl=es&amp;fs=1');	 
					youtube.printPlayer(item.link[0].href);
				}).css('cursor','pointer');
				
				if(i%2 == 0) {
					ancho += 100;
				}
			}
		});
		
		$('.yt-carrusel').css('width',ancho+'px');
	},
	
	printPlayer: function(video) {
		var videoid = video.split('?v=')[1];
		
		$('#youtube').remove();
		$('<div id="youtube"></div>').prependTo('.video-seleccionado');
		swfobject.embedSWF("http://www.youtube.com/v/"+videoid+"&amp;hl=es&amp;fs=1", "youtube", "366", "270", "9.0.0","expressInstall.swf", {}, {allowfullscreen : "true"}, {});
	},
	
	navSiguiente: function() {
		var ancho = parseInt($('.yt-carrusel').css('width'));
		var ytL = parseInt($('.yt-carrusel').css('left'));
			
		if(!$('.yt-carrusel').is(':animated') && Math.abs(ytL) < (ancho-100)) {
			$('.yt-carrusel').animate({ left: ytL-100+'px' }, 250);
		}
	},
	
	navAnterior: function() {
		var ancho = parseInt($('.yt-carrusel').css('width'));
		var ytL = parseInt($('.yt-carrusel').css('left'));
			
		if(!$('.yt-carrusel').is(':animated') && ytL < 0) {
			$('.yt-carrusel').animate({ left: ytL+100+'px' }, 250);
		}
	}
};