$(document).ready(function(e) {
	loadFilms();
	$('.fff').scrollbar();
	//showAbout();
	showFilms();
});

function showAbout() {
	$('.scroll-pane').hide();
	updateBody(content.about);
}

function showFilms() {
	$('#mainbody').hide();
	$('.scroll-pane').fadeIn(400);
}

function loadFilms() {
	var s='<table>';
	$.each(films, function(key, value) {
		s+='<tr><td><div class="film"><div class="videoholder"><iframe src="' + value.url + '" width="' + value.width + '" height="' + value.height + '" frameborder="0"></iframe></div>' + value.text + '</div></td></tr>';
	});
	s+='</table>';
	$('#scrollbody').html(s);
}

function updateBody(t) {
	$('#mainbody').hide();
	$('#mainbody').html(t);
	$('#mainbody').fadeIn(400);
}