document.write('<style>#videocontainer1, #videocontainer2 { display:none; }</style>');    
document.write('<div id="loadin">Caricamento in corso...</div>'); 
window.onload = function() { 
	jq("#loadin").remove();
	jq("#videocontainer").css({'-moz-border-radius': '5px','-webkit-border-radius': '5px','border-radius':'5px'});
	jq("a#huluPlayer").css({'background': 'black'});
	var descrizione = jq(".videobox .video-description");
	var date = jq(".videobox .video-date");
	var tooltip = jq(".videobox");
	jq(tooltip).each(function() {
		var tooltipdesc= jq(this).children(".videodesc-container").children(".video-description").text();
		jq(this).qtip({
		   content: tooltipdesc,
		   show: 'mouseover',
		   hide: 'mouseout',
		   position: {
				adjust: { x: 50, y: 0 },
				corner: {
					target: 'leftMiddle',
					tooltip: 'rightBottom'
				}
			},
			style: { 
				name: 'dark', // Inherit from preset style
				tip: 'rightBottom',
				width: 200
			}
		})
	});
	
	jq(descrizione).each( function() {
			var trimmedesc = jq(this).text().substr(0,50) + "...";
			jq(this).empty();
			//jq(this).append(trimmedesc);
		}
	);
	
	jq(date).each( function() {
			var aftervirgola = jq(this).text().indexOf(',');
			var trimmedate = jq(this).text();
			jq(this).empty();
			jq(this).append(trimmedate);
		}
	);
	
	var bgvideoimage =  jq('#myplaylist div:first a img').attr('src');
	var bgvideoimage_el = jq('#huluPlayer img');
	
	
	
	bgvideoimage_el.attr('src',bgvideoimage);
	bgvideoimage_el.before('<span class="playicon" style="display: block; position: absolute; z-index: 200; width: 82px; height: 82px; background: url(play_large.png) no-repeat top center">&nbsp;</span>');
	var videocont_width= 435;
	var videocont_height= 243;
	bgvideoimage_el.attr('height',videocont_height);
	jq('.flowplayerbox').css('position', 'relative');
	//jq('#huluPlayer').css('background', 'url(' + bgvideoimage +')');
	jq('#huluPlayer').css({'display' : 'block', 'position':'relative', 'width':'435px', 'height' : '243px', 'text-align': 'center'});
	jq('#streamingPlayer').css({'display' : 'block', 'width':'435px', 'height' : '260px' });
	jq('#huluPlayer').after("<div id='hulu' class='hulu'></div>");
	jq('#streamingPlayer').after("<div id='streambar' class='streambar'></div>");
	
	//centriamo l'icona rispetto al videocontainer
	var videoicon_width= jq('span.playicon').css('width');
	var videoicon_height= jq('span.playicon').css('height');
	var videoicon_center_width = Math.round((videocont_width - parseInt(videoicon_width))/2) +'px';
	var videoicon_center_height = Math.round((videocont_height - parseInt(videoicon_height))/2) +'px';
	jq('span.playicon').css({'top':videoicon_center_height, 'left':videoicon_center_width});
	
	
	var video_url;
	var video;
	var xml;
	
	
	flowplayer("huluPlayer", "flowplayer-3.1.5.swf", { 
		// don't start automatically 
		version: [9, 45],
		wmode: 'transparent',
		width: 435,
		height: 243,
		clip: { 
			autoPlay: true, 
			autoBuffering: true,
			scaling: 'fit'
		},
		canvas: {
			// use a wicked backgound color 
			backgroundGradient:'none' 
		},
		plugins:  { 
			//disable default controls
			controls: null,
			mycontent: {
				url:'flowplayer.content-3.1.0.swf',
				top: 6,
				right: 6,
				border:0,
				borderRadius: 2,
				backgroundImage: 'url(togglefullscreen.jpg)',
				backgroundGradient: 'none',
				width:20,
				height:20,
				onClick: function() {
					flowplayer().toggleFullscreen(); 
				}
			}
		}
	}).controls("hulu").playlist("#myplaylist");
	
	flowplayer("streamingPlayer", "flowplayer-3.1.5.swf",{
		wmode: 'transparent',
		width: 435,
		height: 260,
		onError: function(errorCode, errorMessage) { 
			//alert("prova");
			jq('#nondisponibile').each( function() {
				jq(this).remove();
				});
			this.hide();
			//jq('#streamingPlayer object').remove();
			jq('#videocontainer1 .flowplayerbox div a#streamingPlayer').before(
			"<div id='nondisponibile'><p>Nessuna diretta web attualmente in corso</p></div>");
		},
		clip: {
			url: 'canale33.sdp',
			live: true,
			provider: 'uncem',
			autoPlay: true, 
			autoBuffering: true,
			scaling: 'fit',
			onBegin: function() { 
				this.show();
				jq('#nondisponibile').each( function() {
					jq(this).remove();
					});
				} 
			},
			onPause: function() {
				this.play();
			},
			canvas: {
				// use a wicked backgound color 
				backgroundGradient:'none' 
			},
			plugins:  { 
				//disable default controls
				controls: null,
				mycontent: {
					url:'flowplayer.content-3.1.0.swf',
					top: 6,
					right: 6,
					border:0,
					borderRadius: 2,
					backgroundImage: 'url(togglefullscreen.jpg)',
					backgroundGradient: 'none',
					width:20,
					height:20,
					onClick: function() {
						flowplayer(1).toggleFullscreen(); 
					}
				},
				uncem: {
					url: 'flowplayer.rtmp-3.1.3.swf',
					netConnectionUrl: 'rtmpt://159.213.225.181:80/canale33_72d4a43f'
				}
			}
		}).controls("streambar");
		
		
	var tabNav = jq('#tabNav');   
	if(tabNav){
		jq(function () {
	 
			var listTab ="<ul class='tabNavigation'>"+
								"<li ><a href='#videocontainer2' class='videotab2'>Palinsesto</a></li>" +
								"<li><a href='#videocontainer1' class='videotab1'>Diretta</a></li></ul>"+
								"<div class='visualClear'></div>";
			tabNav.append(listTab);
			jq(".choosebox").css("padding-top","40px");
			if (jq('#direttaIsOn').length>0) {
				jq('<span style="text-transform: lowercase; font-size: 0.8em; font-weight: bold; color: #FFB43F; padding-left: 5px">  in onda!</span>').appendTo('.videotab1');	
			}
			var tabContainers = jq('#videocontainer .videocont');
			
			jq('#videocontainer ul.tabNavigation a').click(function() {
				tabContainers.hide().filter(this.hash).show();
				tabNav.show();
				jq('#videocontainer ul.tabNavigation a').removeClass('selected');
				jq(this).addClass('selected');
				//controllo che il palinsesto venga nascosto
				if(jq('#videocontainer2').css('display')!="block") {
					flowplayer(0).stop();
					flowplayer(0).unload();
				}
				//controllo che la diretta venga nascosta
				if(jq('#videocontainer1').css('display')!="block") {
					flowplayer(1).stop();
				}
				//se il palinsesto non � nascosto carico la scrollbar custom
				if(jq('#videocontainer2').css('display')=="block") {
					jq('#myplaylist').jScrollPane();
				}
				if(jq('#videocontainer1').css('display')=="block") {
					flowplayer(1).play();
				}
				return false;
			});
		});
		if (window.location.hash == "#diretta") {
			jq('#videocontainer ul.tabNavigation a.videotab1').click();
		} else {
			jq('#videocontainer ul.tabNavigation a:first').click();
		}
	 }
		
	jq('.videotab1').click(function() {
		flowplayer(1).show();
		jq('#nondisponibile').remove();
	});
};