var filmbox_visible = false;
//var debugging = 'film';
//var debugging = 'overzicht';
//var debugging = false;

$(document).ready(function() {

	/*	
	if (debugging != false) {
		$('#content_box').hide();
		$('#film_box').show();
		
		if (debugging=='overzicht') {
			$('#film_box').load('/film/overzicht/', '', function(responseText, textStatus, XMLHttpRequest){
				if (textStatus == 'success') {
					initOverview();
				}
			});
		} else if (debugging=='film') {
			showMovie(1);
		}
	}
	*/
	
	$('.logo').click(function(e) {
		toggleFilmBox();
	});


	$('a[href=#films]').click(function(e) {
		toggleFilmBox();
	});

});

function toggleFilmBox() {
	if (filmbox_visible) {
		hideFilmBox();
	} else {
		showFilmBox();
	}
}


// Laad het overzicht van films dmv een ajax request in film_box

function initOverview() {
	
	$('#film_box_close').click(function() {
		hideFilmBox();
		return false;
	});

	$('.link_overzicht').click(function() {
		showFilmBox();
		return false;
	});

	$('.film-overzicht .item').hover(
		function(event) {
			$(this).addClass('item-mouseover');
		},
		function(event) {
			$(this).removeClass('item-mouseover');
		}
	);

	$('.film-overzicht .item').each(function(i) {
		var movie_id = this.id;
		$(this).bind('click', {index:i}, function(e) {
			movie_id = movie_id.replace('item_','')
			showMovie(movie_id);
		});
	});
}

// Laat film_box geanimeerd verschijnen

function showFilmBox() {
	$('body').addClass('filmbox_visible');
	$('#spinner').fadeIn(50);
	$("div.menu").fadeOut(150);  
	$("div.menu").removeAttr("filter");
	$('#film_box').load('/film/overzicht/','',function(responseText, textStatus, XMLHttpRequest) {
		if (textStatus == 'success') {
			$('#film_box').show();
			$('#content_box').animate({
				top: $('#content_box').height()*-1
			}, 2000, 'easeInBack', function(){
				$('#spinner').fadeOut(300);
			});
			initOverview();
			filmbox_visible = true;
		}
	});
}

// Laat film_box geanimeerd verdwijnen

function hideFilmBox() {
	$('#content_box').animate({
		top: '230'
	}, 1100, 'easeOutBack', function() {
		$('#film_box').hide()
		filmbox_visible = false;
		$("div.menu").fadeIn(150);  
		$("div.menu").removeAttr("filter");  
		$('body').removeClass('filmbox_visible');
		//$('div.menu').slideDown(100);
	});
}

// Laat de filmpagina via AJAX

function showMovie(movie_id) {
	$('#spinner').fadeIn(50);
	$('#film_box').load('/film/detail/'+movie_id+'/', '', function(responseText, textStatus, XMLHttpRequest){
		if (textStatus == 'success') {
			initOverview();
			$('#spinner').fadeOut(300);
		}		
	});
}