var iOs = ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i)));

$(function(){
	if(iOs) {
			$('#vplayer').hide();
			$('#iplayer').fadeIn();
	}
})

if(!iOs) {
	var player;
	var playerCtrl;
	var playerWrapper;
	var progress_wrapper;
	var progress_bar;
	var time_wrapper;
	var time_bar;
	var time_handle;
	var time_played;
	var time_left;
	var btn_play;
	var btn_stop;
	var btn_mute;
	var btn_fullscreen;
	var volume_bar;
	var volume_wrapper;
	var jsReady = false;
	var settings;
	var flash = true;
	var playBig;

	var controls = $('<div class="pixvid-controls">\
		<ul class="pixvid-buttons">\
			<li class="pixvid-buttons-stop">stop</li>\
			<li class="pixvid-buttons-play">play/pause</li>\
		</ul>\
	\
		<ul class="pixvid-progress">\
			<li class="pixvid-time-played">00:00</li>\
			<li class="pixvid-progress-wrapper">\
				<div class="pixvid-progress-rail">\
					<div class="pixvid-progress-bar">&nbsp;</div>\
				</div>\
				<div class="pixvid-time-rail">\
					<div class="pixvid-time-bar">&nbsp;</div>\
					<div class="pixvid-time-handle">&nbsp;</div>\
				</div>\
			</li>\
			<li class="pixvid-time-left">-00:00</li>\
		</ul>\
		<ul class="pixvid-volume">\
			<li class="pixvid-volume-mute">mute</li>\
			<li class="pixvid-volume-wrapper">\
				<div class="pixvid-volume-rail">\
					<div class="pixvid-volume-bar">&nbsp;</div>\
					<div class="pixvid-volume-handle">&nbsp;</div>\
				</div>\
			</li>\
		</ul>\
	\
		<ul class="pixvid-fullscreen">\
			<li class="pixvid-fullscreen-button">fullscreen</li>\
		</ul>\
	</div>');

	playBig = $('<div class="pixvid-playbig" />').css({
		position: 'absolute',
		top: '50%',
		left: '50%',
		margin: '-32px 0 0 -32px'
	});


	$(document).ready(function(){
		
		/*if(supports_video()) {

			player = $('#vplayer');	
			playerCtrl = $('#vplayer').get(0);

			player.wrap('<div class="pixvid-player-wrapper" />')
			$('.pixvid-player-wrapper').css({
				width:player.width(),
				height:player.height(),
				overflow: 'hidden',
				position:'relative'
			}).append(controls).append(playBig);

			player.attr('controls',false);

			initHTML5();

		} else { */
			//console.log($('#vplayer').attr('poster'));

			$('#player').css({
				background: 'url(' + $('#vplayer').attr('poster') + ') no-repeat',
				position:'relative'
			}).append(playBig);

			$('#vplayer').css('display','none');

			flowplayer("player", "http://meins.tv/swf/flowplayer.commercial-3.2.4.swf",  {
				key:'#@6dfcbe96615dcb423d9',				
				clip: {
					url : 'http://vcloud2.pixelpoint.at//media/146/146.mp4',
					provider: 'pseudo',					accelerated: true, 
					autoPlay: true,  
					autoBuffering: true, 
					fadeInSpeed: 1000,
					/**/
					scaling: 'fit'
				},
				plugins: { 
								        pseudo: {  
			            url: 'http://meins.tv/swf/flowplayer.pseudostreaming-3.2.2.swf'  
			        }
																				,
					gatracker: {
						url: "http://meins.tv/swf/flowplayer.analytics-3.2.1.swf",
						labels: {
							start: "Start",	
							play: "Play",	
							pause: "Pause",	
							resume: "Resume",	
							seek: "Seek",	
							stop: "Stop",	
							finish: "Finish",	
							mute: "Mute",	
							unmute: "Unmute",	
							fullscreen: "Full Screen",	
							fullscreenexit: "Full Screen Exit"	
						},
						debug: false,
						trackingMode: "AS3",
						googleId: "UA-4528122-44" // your Google Analytics id here
					}
				}
			})
			.onStart(function(){$.post('/admin/stats/add/',{video_id:178,channel_id:3,play:1})})
			.onFinish(function(){$.post('/admin/stats/add/',{video_id:178,channel_id:3,complete:1})});		
		//}
	
	});


	function initHTML5() {
	
		progress_wrapper = $('.pixvid-progress-wrapper');
		progress_bar = $('.pixvid-progress-bar');
		time_wrapper = $('.pixvid-time-wrapper');
		time_bar = $('.pixvid-time-bar');
		time_handle = $('.pixvid-time-handle');
		time_played = $('.pixvid-time-played');
		time_left = $('.pixvid-time-left');
		btn_play = $('.pixvid-buttons-play');
		btn_stop = $('.pixvid-buttons-stop');
		btn_mute = $('.pixvid-volume-mute');
		volume_bar = $('.pixvid-volume-bar');
		volume_wrapper = $('.pixvid-volume-wrapper');
		btn_fullscreen = $('.pixvid-fullscreen-button');
	
		resize();
	
		controls.css('opacity',0.9)
		controls.delay(2000).fadeOut();	
		volume_bar.css({
			width: (playerCtrl.volume*100) + '%'
		})
	
		if(!playerCtrl.buffered) {
			progress_bar.hide();
		}
	
		$('.pixvid-player-wrapper').mouseenter(function(){
			controls.fadeIn()
		})
		$('.pixvid-player-wrapper').mouseleave(function(){
			controls.fadeOut()
		})	
	
		//LOADING PROGRESS
		player.bind('progress',function(e){
			if(playerCtrl.buffered) {
				var start = playerCtrl.buffered.start();
				var perc = (playerCtrl.buffered.end()/playerCtrl.duration*100) - playerCtrl.buffered.start();
				progress_bar.css({
					marginLeft:start,
					width:perc+'%'
				})					
			}
		});
	
		player.bind('suspend',function(e){
			////console.log('suspend')
			});
		player.bind('abort',function(e){
			//console.log('abort')
			});
		player.bind('error',function(e){
			//console.log('error')
			});
		player.bind('emptied',function(e){
			//console.log('emptied')
			});
		player.bind('stalled',function(e){
			//console.log('stalled')
			});
		player.bind('play',function(e){
			//console.log('play')
			});
		player.bind('pause',function(e){
			$(playBig).fadeIn();
			$(btn_play).removeClass('pixvid-buttons-pause');	
		
			//console.log('pause')
			});
		player.bind('loadedmetadata',function(e){
			//console.log('loadedmetadata')
			});
		player.bind('loadeddata',function(e){
			//console.log('loadeddata')
			});
		player.bind('waiting',function(e){
			//console.log('waiting')
			});
		player.bind('playing',function(e){
			$(playBig).hide();
			$(btn_play).addClass('pixvid-buttons-pause');	
			//console.log('playing')
		});
		player.bind('canplay',function(e){
			//console.log('canplay')
			});
		player.bind('canplaythrough',function(e){
			//console.log('canplaythrough')
			});
		player.bind('seeking',function(e){
			//console.log('seeking')
			});
		player.bind('seeked',function(e){
			//console.log('seeked')
			});
	
		//TIME UPDATE
		player.bind('timeupdate',function(e){
			////console.log('timeupdate');
			pos = Math.round(playerCtrl.currentTime/playerCtrl.duration*100);
			time_bar.css({
				width: pos + '%'
			});	
		
			var left = -(time_handle.width()/2-parseInt(time_wrapper.css('padding-left')))
		
			time_handle.css({
				left: pos + '%',
				marginLeft: left + "px"
			})
		
			time_left.text("-" + seconds2time(playerCtrl.duration-playerCtrl.currentTime));
			time_played.text(seconds2time(playerCtrl.currentTime));		
		});
	
		player.bind('ended',function(e){
			//console.log('ended')
			$.post('/admin/stats/add/',{video_id:178,channel_id:3,complete:1});
			$(this).removeClass('pixvid-buttons-pause');
			});
		player.bind('ratechange',function(e){
			//console.log('ratechange')
		});
		player.bind('durationchange',function(e){
			//console.log('durationchange')
		});
		player.bind('volumechange',function(e){
			//console.log('volumechange')
		
			if(playerCtrl.muted) {
				volume_bar.css({
					width:'0%'
				})
			} else {
				volume_bar.css({
					width: (playerCtrl.volume*100) + '%'
				})
			}
		});
	
		var played = false;
	
		playBig.click(function(){
			playerCtrl.play();
			$(this).hide();
			$(btn_play).addClass('pixvid-buttons-pause');
		});
	
		btn_play.click(function(){
			//console.log(playerCtrl.paused);
			if(playerCtrl.paused) {			
				playerCtrl.play();
				$(this).addClass('pixvid-buttons-pause');
			
				if(!played) {
					$.post('/admin/stats/add/',{video_id:178,channel_id:3,play:1});
					played = true;
				}
			} else {
				playerCtrl.pause();
				$(this).removeClass('pixvid-buttons-pause');
			}
		})

		btn_stop.click(function(){
			playerCtrl.pause();
			playerCtrl.currentTime = 0;
		})
	
		time_handle.bind('mousedown', function(e){
			e.preventDefault();
			playerCtrl.pause();

			$('body').bind('mousemove',function(e){
				var newLeft = e.pageX - $(time_handle).parent().offset().left;
			
				if(e.pageX < $(time_handle).parent().offset().left + $(time_handle).parent().width()) {
					$(time_handle).css({
						left: newLeft
					})							
				}
			
			})
		
			$('body').bind('mouseup',function(){
				$(this).unbind('mousemove');	
				$(this).unbind('mouseup');
				var newTime = playerCtrl.duration*($(time_handle).offset().left-$(progress_wrapper).offset().left)/$(progress_wrapper).width();
				playerCtrl.currentTime = newTime;
				playerCtrl.play();
			})
		})

		var isFS = false;
		var tmpWidth;
		var tmpPwWidth;
		var tmpHeight;
		var pos;
		btn_fullscreen.click(function(){
			if(!isFS) {
				tmpWidth = player.width();
				tmpHeight = player.height();
			
				if(playerCtrl.webkitSupportsFullscreen) {
					playerCtrl.webkitEnterFullscreen();	
				} else {
				
					//$("body",top.document).css("background","#f00");
				
					$('body').css('overflow','hidden');
					$('.pixvid-player-wrapper').appendTo('body').css({
						background: '#000',
						position: 'absolute',
						zindex: 1000,
						top:$('#player').offset().top,
						left:$('#player').offset().left
					})
					.animate({
						top:'0',
						left:'0',
						width: '100%',
						height: '100%'
					},300);
				
					player.css({
						height: '100%',
						width: '100%',
						background: '#000'
					})
				
					resize();
				
					$(document).keyup(function(e) {
					  if (e.keyCode == 27) { btn_fullscreen.click(); }   // esc
					});
				}
				isFS = true
			} else {
				if(playerCtrl.webkitSupportsFullscreen) {
					playerCtrl.webkitExitFullscreen();	
				} else {
					$(document).unbind('keyup');
				
					$('body').css('overflow','hidden');
					$('.pixvid-player-wrapper').animate({
						top:$('#player').offset().top,
						left:$('#player').offset().left,
						width: tmpWidth,
						height: tmpHeight
					},300,function(){
						$(this).appendTo('#player').css({
							position: 'relative',
							top: 0,
							left: 0
						});
						$('body').css('overflow','auto');
						resize();
					})
				
				}
				isFS = false
			}
			
		})
	
		btn_mute.click(function(){
			if(playerCtrl.muted) {
				playerCtrl.muted = false;
				$(this).addClass('pixvid-volume-unmute');
			} else {
				playerCtrl.muted = true;
				$(this).addClass('pixvid-volume-unmute');
			}
		})
	
		progress_wrapper.click(function(e){
			var newTime = playerCtrl.duration*(e.pageX - $(this).offset().left)/$(this).width();
			playerCtrl.currentTime = newTime;
		})
	
		volume_wrapper.click(function(e){
			var newVolume = Math.round((e.pageX - $(this).offset().left)/$(this).width()*100)/100;
			playerCtrl.volume = newVolume;
		})
	
	}

	function seconds2time(sec){
		var minute; 
		var hour;
		var second;
		var time;
	
		hour = Math.floor(sec/3600);
		if(sec%3600 == 0){
	 		minute = 0;
			second = 0;
		}
		else{
			minute = Math.floor((sec - (hour * 3600))/60);
			if((sec-(hour*3600))%60 == 0){
				second = 0;
			}
			else{	
				second = (sec-(hour*3600))%60
				hour = hour;
				minute = minute;
				time = second;
			}
		}
	
		time = "";
	
		if(hour > 0) {
			if(hour < 10) {
				hour = "0" + hour + ":";
			} else {
				hour= hour + ":";
			}
		} else {
			hour = "";
		}
		if(minute < 10) minute = "0"+minute;
		if(second < 10) {
			second = "0"+Math.floor(second)
		} else {
			second = Math.floor(second)
		}
	
		time = hour+minute+":"+second;
		return time;
	
	}

	function supports_video() {
		return !!document.createElement('video').buffered;
	}

	function resize() {	
		var wCtrl = $('.pixvid-controls').parent().width() - 2;
	
		$('.pixvid-controls').css({
			width: wCtrl
		})
	
		var wWrap = wCtrl - 249;
		$('.pixvid-progress-wrapper').css({
			width:wWrap
		});
	
		var wRail = wWrap - 2;	
		$('.pixvid-progress-rail,.pixvid-time-rail').css({
			width: wRail
		});	
	}
}