//Video
jQuery(function() {
	
	var playlist = Array(); // variable para entregar luego a la propiedad playlist de flowplayer
	var image;
	var uno = 0;
	test = jQuery.getJSON('/videos/getVideosJson', function(data){ 
		jQuery.each(data, function(i,item){
			console.log(item.Video.title);
			console.log(item);
				
			// Aņadimos el elemento al playlist para pasarselo luego a fp
			playlist.push( { // Push aņade un elemento a un array en js
				url: item.Video.urlflv,
				provider: 'lighttpd'
			} );
			
			if(uno == 0){
				image =  item.Video.id;
				uno++;
			}
			
				/*	
					jQuery("<img/>").attr("src", '/thumbs/__files/videos/' + item.Video.id + '-64x64.jpeg')
					.appendTo(
						jQuery("<a/>").appendTo(jQuery("<div/>").appendTo("#items")).attr("href",item.Video.urlflv)
				);*/
		});
		/*jQuery("#initImage").attr("src",'thumbs/__files/videos/' + image + '-363x295.jpeg');*/
	});
	
	
	
	if (document.getElementById("player")){
		flowplayer("player", {src:"/js/flowplayer/flowplayer-3.1.0.swf", wmode: 'transparent'}, {
			playlist: playlist, // agregamos el array que creamos mas arriba...
			clip: {
				onStart: function(clip) {
					pageTracker._trackPageview("start: " + clip.url);
					/*
					if (bufferingStopped) return; 
					this.stopBuffering(); 
					bufferingStopped = true;
					*/
				}, 
				onFinish: function(clip) { 
					pageTracker._trackPageview("finish: " + clip.url); 
					this.stop();
				}
			},
			canvas: {        
				backgroundColor:'#254558', 
				backgroundGradient: [0.1, 0] 
			},
			plugins: {
				lighttpd: {  
					url: '/js/flowplayer/flowplayer.pseudostreaming-3.1.2.swf'  
				},
				controls: {
					autoHide: 'always',
					play:true, volume:true, mute:true,  time:false, stop:true, playlist:false, fullscreen:true, scrubber: true,
					backgroundColor: 'transparent', backgroundGradient: 'none', borderRadius: '15',	progressGradient: 'medium',	bufferGradient: 'none',
						backgroundColor: '#9ba5f3',	buttonOverColor: '#728B94',	backgroundGradient: 'medium', 
					opacity:0.7,
					height: 15,	width: '98%',  bottom: 5, left: '50%'
				},
				upperTime: { 
					url: '/js/flowplayer/flowplayer.controls-3.1.0.swf', 
					backgroundGradient: 'none', backgroundColor: 'transparent', buttonColor: '#254558', 
					all: false, time: true, 
					opacity: 0.7,
					height:30, top:10, right:12, width:100  
				},
				lhLogo: { 
					url: '/js/flowplayer/flowplayer.content-3.1.0.swf', 
					top: 10, left: 10, width: 49, height: 56,
					borderRadius: 0, 
					backgroundImage: 'url(img/lhtv.png)', 
					style: { 'border': 0 },
					//html: '<img src="/img/lhtv.gif" align="left" />', 
					onMouseOver: function() {
						this.css({border:'1px solid #ffffff'});	
					},
					onMouseOut: function() {
						this.css({border:'0'});
					},
					onClick: function() { 
						this.hide(); 						
					} 
				},
				
				sendByMail: {
					url: '/js/flowplayer/flowplayer.content-3.1.0.swf', 
					top: 17, right: 15, height: 16, width: 16,
					backgroundImage: 'url(/img/icons/email_go.png)', 
					style: { 'border': 0, 'opacity': 1, 'cursor': 'pointer'},
					onClick: function() { 
						alert('mailme!');
					},
					onMouseOver: function() {
						this.css({border:'1px solid #ffffff'});	
					},
					onMouseOut: function() {
						this.css({border:'0'});
					}
				}
			}
		}).playlist("#videoplaylist");
	}
	
});