$(document).ready(function(){
	$(function(){
		$('a[rel*=external]').click( 
			function() {
				window.open(this.href);
				return false;
			}
		);
		$("#shadow").click(
			function(){			
				$("#shadow").addClass("hidden");
				$("#viewer").addClass("hidden");
			}
		);
		$("a.video").click(
			function(){				
				var so;
				
				this.blur();

				$("#shadow").css({height:$(document).height()+'px'});				
				center(640,385,"viewer");

				so = new SWFObject(this.href+'&hd=1', "yt", 640, 385, "8");
				so.addParam('wmode','transparent');
				so.addParam('allowFullScreen','true');
				so.write("viewer");

				$("#shadow").removeClass("hidden");	
				$("#viewer").removeClass("hidden");

				return false;
			}
		);
		$(".filters").removeClass('hidden');
		$(".filters li").click(function(){filter(this);});
	});
});
function center(viewerW,viewerH,id){
	var clientH, offset, top; 		
	clientH = this.document.body.clientHeight;	
	offset = (viewerH>clientH)? 0 : Math.floor((clientH-viewerH)/2);
	top = scrollTop()+offset;
	$("#"+id).css({top: top+'px',width: viewerW+'px', height: viewerH+'px', marginLeft: '-'+Math.floor(viewerW/2)+'px'});
}
function scrollTop(){
	var top = 0;
	if( typeof(window.pageYOffset) == 'number'){
		top = window.pageYOffset;
	}else if(document.body&&(document.body.scrollLeft||document.body.scrollTop)){
		top = document.body.scrollTop;
	}else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop)){
		top = document.documentElement.scrollTop;
	}
	return top;
}
function filter(obj){
	var select = (obj.id=='all') ? '':'.'+obj.id;
	$(".filters li").attr('class','pseudo');
	$("#"+obj.id).removeClass('pseudo');	
	$(".movielist").addClass('hidden');
	$("."+obj.id).removeClass('hidden');
}