// JavaScript Document
$(function() {
	var videoPlayer = $("#videoPlayer");
	
	$("#light_key").click( function() { switchKey(); } );
	$("#lights").click(function() { switchKey(); })
	$("#close").click(function() { $("#episodeScreen").css({ 'display': 'none'}) 
		switchKey("on");
	});
	
	$(".yLink").click(function() { 
		$("#episodeScreen").css({ 'display': 'block' });
		switchKey("off");
		var epId = $(this).parent().attr('id');
		var id = epId.substr(1);
		episodeOn(id, "");
	});
	
	$("#episodes").scroll(function() {
		dynamicOpacity();
	});
	
	var idVideo = $("#video").attr('class');
			if(typeof idVideo !== 'undefined' && idVideo !== 'false' ) {
				$("#episodeScreen").css({ 'display': 'block' });
				switchKey("off");
				episodeOn(idVideo, "");
			}
	
	$(".episode").mouseenter(function() { $(this).css({ 'opacity': '0.9' }); });
	$(".episode").mouseleave(function() { dynamicOpacity(); });

	dynamicOpacity();
	
	$(".subject").click(function() { 
		var time = $(this).attr('title');
		var epId = $(this).parent().parent().attr('id');
		var id = epId.substr(1);
		$("#episodeScreen").css({ 'display': 'block' });
		switchKey("off");
		episodeOn(id, time);
	});
});

function switchKey(status) {
	
	if(status=="on") {
			$("#lights").animate({ 'opacity': '0' }, 200, function() { $("#lights").css({ 'display': 'none' }) });
			$("#light_key").css({ 'backgroundPosition': '0px 0px' });	
	} else if(status=="off") {
			$("#lights").css({ 'display': 'block', 'opacity': '0' }).animate({ 'opacity': '1' }, 200);
			$("#light_key").css({ 'backgroundPosition': '0 -60px' });
	} else {
		if($("#light_key").css("backgroundPosition")=="0px 0px") {
			$("#lights").css({ 'display': 'block', 'opacity': '0' }).animate({ 'opacity': '1' }, 200);
			$("#light_key").css({ 'backgroundPosition': '0 -60px' });
		} else {
			$("#lights").animate({ 'opacity': '0' }, 200, function() { $("#lights").css({ 'display': 'none' }) });
			$("#light_key").css({ 'backgroundPosition': '0px 0px' });
		}
	}
}

function dynamicOpacity() {
	$(".episode").each(
		function() {
			var middle = 218;
			var pos = $(this).offset().top;
			
			var difference = 0;
			
			if(pos>=middle){ 
				difference = pos-middle;
			} else {
				difference = middle-pos;	
			}
			
			var opacity = 1 - (difference/170);
			$(this).css({ 'opacity': opacity })
		});	
}

function episodeOn(id, time) {
	$.ajax({ url: "../functions/draw_embed.php",
	type: "POST",
	data: "video_id="+id+"&time="+time,
	success: function(html) {
		$("#video").html(html);
	}
	});	
}