var curThumbPos = 0;
var display_num = 3;
var thumb_num;

$(document).ready(function(){
	//$('#slide').tabs({ fx: { opacity: 'toggle' } }).tabs('rotate', 10000);
	$('#video-body #media').tabs({ fx: { opacity: 'toggle' } });
	//$('#media').tabs();
	//$('.scroll-pane').jScrollPane({scrollbarWidth:10});
	
	/* Thumb Nav */
	$('#video-body .ui-tabs .ui-tabs-nav li p a em').after('<span></span><div></div>');
	
	var thumb_margin_right = $('#video-body .ui-tabs .ui-tabs-nav li').css('marginRight').replace("px", "");
	thumb_margin_right = parseInt(thumb_margin_right);
	
	var thumb_width = $('#video-body .ui-tabs .ui-tabs-nav li').width();
	thumb_num = $('#video-body .ui-tabs .ui-tabs-nav li').length;
	var total_thumb_width = (thumb_width + thumb_margin_right) * thumb_num;
	
	$('#video-body .ui-tabs .ui-tabs-nav').css('width', total_thumb_width);
	
	/* Call Thumb Nav Control*/
	if (thumb_num > display_num) {
		display_thumb_nav();
	} else {
		$('#video-body #media-nav-prev, #media-nav-next').css('visibility', 'hidden');	
	}
	
	/* Play Vide Again */
	$('#video-body .play-video').click(function(){
		$(this).parent().next().css('display', 'block'); //video
		$(this).parent().css('display', 'none'); //.end-message
	});
	
	/* make sure all video is visible and end message is hidden*/
	$('#video-body .ui-tabs .ui-tabs-nav li a').click(function() {
		
		for (var i=0; i<$('#video-body .end-message').length; i++) {
			$('#video-body #video'+i).css('display', 'block');
			$("#video-body div.end-message").css('display', 'none');
		}
		
		/*$("div.video").each(function() {
			//if ($("div.video").css('display') != 'block') {
				$(this).css('display', 'block');
			//}
		});
		
		$("div.end-message").each(function() {
			//if ($"div.video").css('display') != 'none') {
				$("div.end-message").css('display', 'none');
			//}
		});*/
	});
	
});

function display_thumb_nav() { 
	$('#video-body #media-nav-prev p').click(function(){
		
		if (curThumbPos == 0) {
			curThumbPos = 0;
		} else { 
			curThumbPos -= display_num;
		}
		
		$('#video-body #media-nav').scrollTo('li:eq('+curThumbPos+')', 500);
		check_thumb_nav_pos();
	});
	
	$('#video-body #media-nav-next p').click(function(){
		
		if (curThumbPos >= (thumb_num - display_num)) {
			//curThumbPos = 0;
		} else { 
			curThumbPos += display_num;
		}
				  
		$('#video-body #media-nav').scrollTo('li:eq('+curThumbPos+')', 500);
		check_thumb_nav_pos();
	});
	
	$('#video-body #media-nav-prev p, #media-nav-next p').mouseover(function(){
		$(this).addClass('mouse-over');	
	});
	
	$('#video-body #media-nav-prev p, #media-nav-next p').mouseout(function(){
		$(this).removeClass('mouse-over');				
	});
	
	$('#video-body #media-nav-prev p, #media-nav-next p').mousedown(function(){
		$(this).addClass('mouse-down');	
	});
	
	$('#video-body #media-nav-prev p, #media-nav-next p').mouseup(function(){
		$(this).removeClass('mouse-down');			
	});
	
	$('#video-body #media-nav-prev p').addClass('disable-btn');
}

function check_thumb_nav_pos() {
	if (curThumbPos == 0) {
		$('#video-body #media-nav-prev p').addClass('disable-btn');
	} else {
		$('#video-body #media-nav-prev p').removeClass('disable-btn');
	}
	
	if (curThumbPos >= (thumb_num - display_num)) {
		$('#video-body #media-nav-next p').addClass('disable-btn');
	} else {
		$('#video-body #media-nav-next p').removeClass('disable-btn');
	}

	//$('#output').html(curThumbPos+' / '+thumb_num);
}

// When Video Ends
function on_video_ends(vid) {
	//alert(vid);
	$('#video-body #video' + vid).css('display', 'none');
	$('#video-body #video' + vid).prev().css('display', 'block'); //.end-message
}

function hide_message(vid) {
	$('#video-body #video' + vid).css('display', 'block');
	$('#video-body #video' + vid).prev().css('display', 'none'); //.end-message
}