var animated = [];
/*
var dependencies = {
	speaker1 : ['speaker3','speaker7','speaker14','speaker15','speaker16'],
	speaker2 : ['speaker4','speaker8'],
	speaker3 : ['speaker1','speaker7'],
	speaker4 : ['speaker2','speaker8'],
	speaker5 : ['speaker6'],
	speaker6 : ['speaker5'],
	speaker7 : ['speaker1','speaker3'],
	speaker8 : ['speaker2','speaker4'],
	speaker9 : ['speaker10','speaker12'],
	speaker10 : ['speaker9','speaker12'],
	speaker11 : ['speaker13'],
	speaker12 : ['speaker9','speaker10'],
	speaker13 : ['speaker11']
};
*/
$(document).ready(function(){
	$('#video_list span').each(function(nr){
			var row = parseInt(nr/4);
			var col = nr%4;
			var y = 1 + row * 185;
			var x = 1 + col * 158; 
			
			var lineHeight = (1+row) * 185;
			if (lineHeight > 750)
			{
				$('#video_list').css({height:lineHeight});
			}
			
			$(this).css('position', 'absolute').css({
				top: y + 'px',
				left: x+ 'px'
			});
			this.origX = x;
			this.origY = y;
		});
//		.bind('click', showDependencies);
//alert(1);
var container = $('#video_list');
var itemsHeight = container.innerHeight();
	$('#overlay').css('opacity', 0.8).css({height:itemsHeight}).bind('click', hideDependencies);
	$('#all').bind('click', hideDependencies);
	$("span[type^='speaker']")
	.bind('click', hideDependencies)
	.bind('click', showDependencies)
	
	$('#category span').hover(function() {
		$(this).css({ 
			'margin':'0px 6px 0px 6px',
			'padding':'11px 8px 0px 8px'
			});
	},function() {
			$(this).css({ 
				'margin':'8px 6px 0px 6px',
				'padding':'3px 8px 0px 8px' });
			});
//		showDependencies_new($(this).attr("type"));
//	});

});

//function showDependencies_new(speakerid) {
//	var id = speakerid;
//	if (dependencies[id]) {
//		$('#overlay').show();
//		animated = $.extend([], dependencies[id]);
//		animated.push(id);
//		$.each(animated, function(nr, val){
//			$('#' + val)
//				.css('zIndex', 1001 + nr)
//				.animate({
//					top: 20 + nr * 120,
//					left: 170
//				}, 500);
//		});
//	}
//	this.blur();
//	return false;
//}


var showDependencies = function (e) {
	var id = $(this).attr('type');
	if (dependencies[id]) {
		$('#overlay').show();
		animated = $.extend([], dependencies[id]);
		animated.push(id);
		$.each(animated, function(nr, val){
			var row = parseInt(nr/4);
			var col = nr%4;
			var y = 1 + row * 185;
			var x = 1 + col * 158; 
			$('#' + val)
				.css('zIndex', 1001 + nr)
				.animate({
					top: y,
					left: x
				}, 500);
		});
	}
	this.blur();
	return false;
}; 
var hideDependencies = function (e) {
	$.each(animated, function(nr, val){
		var el = document.getElementById(val);
		$(el).css('zIndex', nr).stop().animate({top: el.origY, left: el.origX}, 500);
	});
	$('#overlay').hide();
	this.blur();
	return false;
};