﻿$(document).ready(function(){
var player = $("#player")


	$("#player_social, #player_more_video, #player_control", player).hide()
	
	//if (swfobject.hasFlashPlayerVersion("9.0.18")) { //&&!$.browser.opera
		
	var ua = navigator.userAgent.toLowerCase();
	var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
	
	if (swfobject.hasFlashPlayerVersion("9.0.18")&&!isAndroid) { //&&!$.browser.opera	
 
	function loadvideo(){
		jwplayer().load('http://www.youtube.com/v/'+videoid); 		
	}
	
	$(" #player_control", player).show() //#player_social, #player_more_video,

	var img_wrap
jwplayer("videoDiv").setup({
    autostart: false,
	icons: false,
    flashplayer: "/js/player.swf",
    height: 480,
    width: 960,
	wmode : "transparent",
    'controlbar': 'none',
	events: {
            onReady: function() {
					loadvideo(); 
					setInterval(updatePlayerInfo, 250);
					var image = document.createElement('img');
					img_wrap = $('<div />')
					image.src = video_image;
					img_wrap.css({
						'position': 'absolute',
						'top': 0,
						'left': 0,
						'width': '100%',
						'height': '540px'
					})
		            image.onload = function () {
						img_wrap.html(image)
						$(image).css({
							'width': '100%',
							'height': '540px'
						})		            	
		            }
					$('#videoDiv_wrapper').after(img_wrap);		            
		            
					$('#player_social, #player_more_video', player).show();
					
					
				    if (video_auto_play){
				      $('#player_social, #player_more_video', player).hide()
				      jwplayer().play()
				    }					
				 	

				},
            onIdle: function() {
				
				},
			onPlay: function(){			
				setTimeout(function(){img_wrap.fadeOut(200)}, 2000);
				$('#player_more_video .playbtn', player).hide()
				$('#player_play', player).css('background-position','0 0').addClass('pause')

					if (jwplayer().getMute()){
						$("#player_volume_icon", player).addClass('mute')
					}
			},
			onPause: function(){				
				$('#player_play', player).css('background-position','0 -30px').removeClass('pause');
				$('#player_more_video .playbtn', player).show()
			},
			onComplete: function(){				
				$('#player_play', player).css('background-position','0 -30px').removeClass('pause');				
				$('#player_social, #player_more_video', player).show(300,function(){
					$('#player_more_video .playbtn', player).show()
				})
				img_wrap.show()
				window.location.href = player_redirect
			}
        },
    'modes': [
        {type: 'flash', src: '/js/player.swf'},
        {type: 'html5'},
        {type: 'download'}
    ]
  });
  
  
	var timer;
	$('#player').live({
	 mouseenter:function(){				
				$('#player_more_video .playbtn', player).hide()
		  $('#player_social, #player_more_video', player).show(200, function(){
					if (jwplayer().getState()!=='PLAYING')
						$('#player_more_video .playbtn', player).show()
				}) //, #player_control
		  clearTimeout(timer)
	 },
	 mouseleave:function(){
		 if (!$('.dragged', player).size()){ //jwplayer().getState()=='PLAYING'&&
				$('#player_more_video .playbtn', player).hide()
				timer = setTimeout(function(){$('#player_social, #player_more_video', player).hide(200)}, 100)				
						
			}
	}})
  
  $(".play", player).click(function(){
	jwplayer().play()
  })
  
  
	function setline(el,w){
		if (w){
			el.addClass('active')
		}else {
			el.removeClass('active')
		}
		$('.line',el).css('width',w);
		$('.point', el).css('left', w);
	};

	String.prototype.pad = function(l, s){
		return (l -= this.length) > 0 
			? (s = new Array(Math.ceil(l / s.length) + 1).join(s)).substr(0, s.length) + this + s.substr(0, l - s.length) 
			: this;
	};
					
	function updatePlayerInfo(){
	  var ct = jwplayer().getPosition()
	  var tt = (jwplayer().getDuration()!==-1)?jwplayer().getDuration():0;

		$("#player_time .current_time", player).html(Math.floor(ct / 60) + ":" + (ct % 60).toFixed().pad(2, "0"))
		$("#player_time .total_time", player).html(Math.floor(tt / 60) + ":" + (tt % 60).toFixed().pad(2, "0"))

		if (!$('#player_timeline .line_wrap .point', player).hasClass('dragged'))
			setline($('#player_timeline .line_wrap', player), 612/(tt/ct))
			
		var vol = jwplayer().getVolume()
		
		if (!$('#player_volume .line_wrap .point', player).hasClass('dragged'))
			setline($('#player_volume .line_wrap', player), 92/(100/vol))
	}	
	
	$('#player_timeline .line_wrap .point', player).draggable({
		axis: 'x',
		containment: "#player_timeline",
		start: function() {
			$(this).addClass('dragged');
		},
		drag: function() {
			setline($(this).parent(), parseInt($(this).css('left'))+4)
			jwplayer().setVolume(parseInt(parseInt($(this).css('left'))/($(this).parent().width()-8)*100))
			if (!jwplayer().getMute()){
				$("#player_volume_icon", player).removeClass('mute')
			}
		},
		stop: function() {
			jwplayer().seek(parseInt(jwplayer().getDuration()*parseInt($(this).css('left'))/($(this).parent().width()-8)))
			$(this).removeClass('dragged');
				setline($(this).parent(), parseInt($(this).css('left'))+8 )
		}
	});
   $('#player_volume .line_wrap .point', player).draggable({
		axis: 'x',
		containment: "#player_volume",
		start: function() {
			$(this).addClass('dragged');
		},
		drag: function() {
			setline($(this).parent(), parseInt($(this).css('left'))+4)
			jwplayer().setVolume(parseInt(parseInt($(this).css('left'))/($(this).parent().width()-8)*100))
		},
		stop: function(){
			$(this).removeClass('dragged');
		}
	});
	$('#player_timeline .line_wrap', player).click(function(e){
		//if (player1.getstatus()!==1) 
			//	return false;
			var x = (e.offsetX)?e.offsetX:e.layerX;
		$('#player_timeline .line_wrap .point', player).css('left',x-11)
		setline($(this), x)
		jwplayer().seek(parseInt(jwplayer().getDuration()*(x)/($(this).width()-8)))
	})
	$('#player_volume .line_wrap', player).click(function(e){
			var x = (e.offsetX)?e.offsetX:e.layerX;
		$('#player_volume .line_wrap .point', player).css('left',x-11)
		setline($(this), x)
		jwplayer().setVolume(parseInt(x/($(this).width()-8)*100))

		if (!jwplayer().getMute()){
			$("#player_volume_icon", player).removeClass('mute')
		}
	})
	

	var mute_Volume = 0;
	$("#player_volume_icon", player).click(function(e){
		jwplayer().setMute()
		if (jwplayer().getMute()){
			$(this).addClass('mute')
		}else{
			$(this).removeClass('mute')
		}
	})
	
	$("#player_fullscreen_icon", player).click(function(e){
	console.info('setFullscreen')
		jwplayer().setFullscreen()
	})
	
	
}
else {
	$("#videoDiv").append('<iframe class="youtube-player" type="text/html" width="960" height="570" src="http://www.youtube.com/embed/'+videoid+'" frameborder="0"></iframe>')
	noflash = $('<div id="noflash-video" class="block"></div>');
	noflash.css({
		'width': '718px',
		'height': '110px',
		'position': 'relative',
		'z-index': '1'
	})
	more_video = $('#player_more_video').clone(false)
		more_video.css({
			'position': 'absolute',
			'height': '153px',
			'bottom': '0',
			'width': '576px',
			'min-width': '576px'
		})
	$(".play",more_video).remove();
	noflash.append(more_video.show());


	$('.carusel_item',more_video).hover(function(){
		$('.descr',this).show(200);
	},function(){
		$('.descr',this).hide(200);         
	})

	player_social = $('#player_social').clone(false)
	noflash.append(player_social.show());

	$(".left.text").prepend(noflash)

	more_video.carusel()
}
  
})
                
