function ucfirst(str){
    str+='';
    var f=str.charAt(0).toUpperCase();
    return f+str.substr(1);
};

var player =  null;
var playlist =  null;

var ajax_request = false;

var pathe_cinemas = [192, 194, 230, 13, 201, 204, 197, 191, 193, 212, 142, 205, 251, 10, 74, 218, 148, 66, 182, 239, 175, 24];

function gid(name)
{
	return document.getElementById(name);
}

function displayPlaylist()
{
	playlist = player.getPlaylist();
	if(playlist.length > 0)
	{
		for(i=0; i < playlist.length; i++)
		{
			$('.playlist-items').append('<div class="playlist-item-box" onclick="loadFile('+i+')"><p class="bold" style="margin-bottom: 5px;">' + playlist[i].title.substr(0,60) + '</p><p class="right">' + playlist[i].description + '</p><p class="hidden filename-playlist">' + playlist[i].file + '</p><div class="clear"></div></div>');
		}
    }
	else
    {
		setTimeout("displayPlaylist()", 50);
    }
}

function playerReady(obj)
{
	player = gid(obj.id);
	displayPlaylist();
}

function loadFile(index)
{
	 player.sendEvent("LOAD", playlist[index]);
	 player.sendEvent("PLAY", "true");
}

function cinema_change(element)
{
        var sid = $(element).parent().children('.movie-search').attr('id');

        $('#left-tab-spinner').empty();
        $('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

        if (ajax_request!=false) ajax_request.abort();

        ajax_request = $.ajax({
            type: 'GET',
            url: url_base + 'ajax/city/' + $(element).val(),
            dataType: 'json',
            success: function (json) {
                var str = '';
                for(i=0;i<json.length;i++)
                {
                        str += '<option ' + ($(element).val()!=''?'selected ':'') + 'value="'+ json[i].name +'">'+ json[i].name +'</option>';
                }

                $('.city-search').empty();
                $('.city-search').append('<option ' + ($(element).val()==''?'selected ':'') + 'value="alle">Alle</option>');
                $('.city-search').append(str);
                $.ajax({
                        type: 'GET',
                        url: url_base +'bioscoopfilms/zoeken/'+ $(element).parent().children('.search-status').val() +'/'+ $(element).parent().children('.genre-search').val() +'/1/'+ ($(element).parent().children('.movie-search').val().length==0?'-':$(element).parent().children('.movie-search').val()) + '/' + ($(element).val().length==0?'-':$(element).val()) + '/' + $(element).parent().children('.city-search').val(),
                        success: function(data) {
                                $('.'+ sid).empty();
                                $('.'+ sid).append(data);
                                $('#left-tab-spinner').empty();
                        }
                });
            }
        });
}
$(document).ready(function(){

	if($.browser.msie && $.browser.version < 7){

	}
	else
	{
            $('#tab-cinema-list').slideToggle('slow');
                $('.movie-detail-btn').live('click',function(event){
                        event.preventDefault();
                        $('#tab-cinema-list').slideToggle('slow');
                });
		$('.submit-hover').live('mouseover', function(){
			$(this).css('background-color', '#ddd');
			$(this).css('cursor', 'pointer');
		});

		$('.submit-hover').live('mouseout', function(){
			$(this).css('background-color', '#eee');
		});

		$('.ticket-next-btn').live('mouseover', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-hover.gif');
		});

		$('.ticket-next-btn').live('mouseout', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-normal.gif');
		});

		$('.ticket-done-btn').live('mouseover', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-hover.gif');
		});

		$('.ticket-done-btn').live('mouseout', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-normal.gif');
		});

		$('.ticket-checksms-btn').live('mouseover', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-hover.gif');
		});

		$('.ticket-checksms-btn').live('mouseout', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-normal.gif');
		});

		$('.ticket-back2choice-btn').live('mouseover', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-hover.gif');
		});

		$('.ticket-back2choice-btn').live('mouseout', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-normal.gif');
		});

		$('.ticket-back-btn,.voordeel-btn').live('mouseover', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-hover.gif');
		});

		$('.ticket-back-btn,.voordeel-btn').live('mouseout', function(){
			$(this).css('background-image', 'url('+ url_base +'resources/img/buttons/btn-top-normal.gif');
		});

		$('.ticket-print-btn').live('mouseover', function(){
			$(this).attr('src', url_base +'resources/img/buttons/print-button-hover.png');
		});

		$('.ticket-print-btn').live('mouseout', function(){
			$(this).attr('src', url_base +'resources/img/buttons/print-button.png');
		});
	}

	$('.ticket-back-btn').live('click', function(event){
		if(event.button === 0) {
			window.location = url_base;
		}
	});
	$('.voordeel-btn').live('click', function(event){
		if(event.button === 0) {
			window.open('http://www.belbiosvoordeel.nl/2933/bespaar-nu-via-belbiosvoordeel');
		}
	});

	$('.res-close-btn').live('click', function(event){
		if(event.button === 0) {
			window.location = url_base;
		}
	});

	$('.ui-tabs-nav').children('li').each(function(i, element){
		url = $(element).children('a').attr('href');
		url = url.replace(url_base, '');
		$(element).children('a').attr('class', url);
	});
 
	/*$("#left-tabs").tabs({
		cache: true,
		spinner: '',
		ajaxOptions: {
			error: function (httprequest, errortxt, errorobj) {
				$('#left-tab-spinner').empty();
				$('#left-tab-spinner').append('<p class="ajax-error">fout</p>&nbsp;<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
			}
		},
		select: function(event, ui) {
			$('#left-tab-spinner').empty();
                        if (player!=null) player.sendEvent("STOP");
			$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

			uri = $(ui.tab).attr('class');
			pageTracker._trackPageview(uri);

		},
		show: function(event, ui) {
			$('#left-tab-spinner').empty();
			if($('#googlemap').size() > 0)
			{
				$('#googlemap').jmap('init', {
					'mapType': G_NORMAL_MAP,
					'mapShowjMapsIcon': false,
					'mapEnableType': true,
					'language': 'nl',
					'mapZoom': 13
				});

				$('#googlemap').jmap('AddMarker',{
					'pointLatLng': [longtitude, latitude],
					'pointHTML': cinema_name + '<br />'+ cinema_address + '<br />' + cinema_postalcode + ' ' + cinema_city,
					'centerMap': true
				});
			}
		}
	});*/

	$("#right-tabs").tabs({
		cache: true,
		spinner: '',
		ajaxOptions: {
			error: function (httprequest, errortxt, errorobj) {
				$('#right-tab-spinner').empty();
				$('#right-tab-spinner').append('<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
			}
		},
		select: function(event, ui) {
			$('#right-tab-spinner').empty();
			$('#right-tab-spinner').append('<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');
		},
		show: function(event, ui) {
			$('#right-tab-spinner').empty();
		}
	});

	$('#right-tabs').tabs('add', url_base +'reviews/right', 'Reacties');
	$('#right-tabs').tabs('add', url_base +'castcrew/verjaardagen', 'Vandaag jarig');



	$('#left-header').cycle({
	    fx:			'fade',
	    speed:		2000,
	    timeout:	7000,
	    next:		'.header-next',
	    top:		6,
	    left:		6
	});
	 
	$('.header-overlay').hover(function(){
		$('#left-header').cycle('pause');
	}, function(){
		$('#left-header').cycle('resume');
	});
	
	$('.left-header-image').css('margin', '6px');
	$('.left-header-image').click(function(event){
            if (!$(this).hasClass('c1000')) {
		var name = $(this).attr('id');

		if($.browser.msie){
			if(event.srcElement.className == 'left-header-image')
			{
				window.location = url_base +'bioscoopfilms/index/'+ name;
			}
		}
		else
		{
			if(event.originalEvent.target.className == 'left-header-image')
			{
				window.location = url_base +'bioscoopfilms/index/'+ name;
			}
		}
            } else {
                window.open('http://www.c1000.nl/bioscoopweken');
            }
	});

	$('.uitleg-lijst').css('display', 'none');
	$('.uitleg-para').children('h2').css('cursor', 'pointer');

	$('.uitleg-para').children('h2').click(function(){
			$(this).parent().children('.uitleg-lijst').slideToggle('slow');
	});
	$('.uitleg-stap').css('cursor', 'pointer');
	$('.uitleg-stap').css('font-weight', 'bold');
	$('.uitleg-stap').click(function(){
		var element = $(this);
		$(this).parent().children('.hidden').slideToggle('slow', function(){
			if(element.children('.slider').attr('src') == 'http://www.belbios.nl/resources/img/icons/slided_up.png')
			{
				element.children('.slider').attr('src', 'http://www.belbios.nl/resources/img/icons/slided_down.png');
			}
			else
			{
				element.children('.slider').attr('src', 'http://www.belbios.nl/resources/img/icons/slided_up.png');
			}
		});
	});

	$('#res-uitleg-1').click(function(){
		var scrollbar = ($.getScrollbarWidth() - 1) / 2;
		$('body').css('overflow', 'hidden');
		$('body').css('margin-left', '-'+ scrollbar +'px');
		$('.overlay').show();
		$('.res-uitleg-1').show();
	});
	$('#res-uitleg-2').click(function(){
		var scrollbar = ($.getScrollbarWidth() - 1) / 2;
		$('body').css('overflow', 'hidden');
		$('body').css('margin-left', '-'+ scrollbar +'px');
		$('.overlay').show();
		$('.res-uitleg-2').show();
	});
	$('#res-uitleg-3').click(function(){
		var scrollbar = ($.getScrollbarWidth() - 1) / 2;
		$('body').css('overflow', 'hidden');
		$('body').css('margin-left', '-'+ scrollbar +'px');
		$('.overlay').show();
		$('.res-uitleg-3').show();
	});


	$(document).keypress(function(e){
		if(e.keyCode == 27){
			$('body').css('overflow', 'auto');
			$('body').css('margin-left', '0px');
			$('.trailer-player').hide();
			$('.modal-box').hide();
			$('.modal-box-uitleg').hide();
			$('.overlay').hide();
			$('.playlist-items').empty();
			swfobject.removeSWF('player_object');
			$('#playercontainer').append('<a href="#" class="player" id="player"></a>');
		}
	});

	$('.modal-close').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.trailer-player').hide();
		$('.modal-box').hide();
		$('.modal-box-uitleg').hide();
		$('.overlay').hide();
		$('.playlist-items').empty();
		swfobject.removeSWF('player_object');
		$('#playercontainer').append('<a href="#" class="player" id="player"></a>');
	});

	$('.person-search').live('keyup', function() {
		var sid = $(this).attr('id');

		$('#left-tab-spinner').empty();
		$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

		$.ajax({
			type: 'GET',
			url: url_base +'cast-en-crew/zoeken/'+ $(this).attr('id') +'/'+ $(this).val(),
			success: function(data) {
				$('.'+ sid).empty();
				$('.'+ sid).append(data);
				$('#left-tab-spinner').empty();
			}
		});
	});

	$('.person-search-button').hide();
	$('.person-search').attr('size', 20);

	$('.person-search-letter').live('click', function(event) {
		if(event.button === 0) {
			$('.person-search').val('');
			$(this).blur();
			var role = $(this).attr('id');
			$('.person-search-letter').css('font-weight', 'normal');
			$(this).css('font-weight', 'bold');

			$('#left-tab-spinner').empty();
			$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

			event.preventDefault();
			$.ajax({
				type: 'GET',
				url: $(this).attr('href'),
				success: function(data) {
					$('.' + role + '-field').empty();
					$('.' + role + '-field').append(data);
					$('#left-tab-spinner').empty();
				}
			});
		}
	});

	$('.movie-search').live('keyup', function(event) {
		event.preventDefault();
		var sid = $(this).attr('id');

		$('#left-tab-spinner').empty();
		$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

                if (ajax_request!=false) ajax_request.abort();

		ajax_request = $.ajax({
			type: 'GET',
			url: url_base +'bioscoopfilms/zoeken/'+ $(this).parent().children('.search-status').val() +'/'+ $(this).parent().children('.genre-search').val() +'/1/'+ ($(this).val().length==0?'-':$(this).val()) + '/' + ($(this).parent().children('.cinema-search-2').val().length==0?'-':$(this).parent().children('.cinema-search-2').val()) + '/' + ($(this).parent().children('.city-search').length?$(this).parent().children('.city-search').val():'alle'),
			success: function(data) {
				$('.'+ sid).empty();
				$('.'+ sid).append(data);
				$('#left-tab-spinner').empty();
			}
		});
	});

	$('.movie-search-button').hide();
	$('.genre-search').css('width', '198px');

	$('.trailer-search').live('keyup', function(event) {
		event.preventDefault();
		var sid = $(this).attr('id');

		$('#left-tab-spinner').empty();
		$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

		$.ajax({
			type: 'GET',
			url: url_base +'trailers/zoeken/'+ $(this).parent().children('.search-status').val() +'/'+ $(this).parent().children('.trailer-genre-search').val() +'/1/'+ $(this).val(),
			success: function(data) {
				$('.'+ sid).empty();
				$('.'+ sid).append(data);
				$('#left-tab-spinner').empty();
			}
		});
	});

	$('.trailer-search-button').hide();
	$('.trailer-genre-search').css('width', '198px');

	$('input[name="mobile"]').css('color', '#888');

	$('input[name="mobile"]').live('focus', function(){
		if($(this).val() == 'bijv. 0619283746'){
			$('input[name="mobile"]').css('color', '#000');
			$(this).val('');
		}
		else {
			$('input[name="mobile"]').css('color', '#000');
		}
	});

	$('input[name="mobile"]').live('blur', function(){
		if($(this).val() == ''){
			$('input[name="mobile"]').css('color', '#aaa');
			$(this).val('bijv. 0619283746');
		}
	});

//hierowwwwww

	$('input[name="telephone"]').css('color', '#888');

	$('input[name="telephone"]').live('focus', function(){
		if($(this).val() == 'bijv. 0294123456'){
			$('input[name="telephone"]').css('color', '#000');
			$(this).val('');
		}
		else {
			$('input[name="telephone"]').css('color', '#000');
		}
	});

	$('input[name="telephone"]').live('blur', function(){
		if($(this).val() == ''){
			$('input[name="telephone"]').css('color', '#aaa');
			$(this).val('bijv. 0294123456');
		}
	});


	$('input[name="tel_mob"]').css('color', '#888');

	$('input[name="tel_mob"]').live('focus', function(){
		if($(this).val() == 'bijv. 0612345678'){
			$('input[name="tel_mob"]').css('color', '#000');
			$(this).val('');
		}
	});

	$('input[name="tel_mob"]').live('blur', function(){
		if($(this).val() == ''){
			$('input[name="tel_mob"]').css('color', '#aaa');
			$(this).val('bijv. 0612345678');
		}
	});

	/*$('.modal-box').bgiframe();
	$('.picture-overlay').bgiframe();
	$('.overlay').bgiframe();*/

	if(!$.browser.msie && $.browser.version != 7){
		$('.open-trailer').live('mouseover', function() {
			$(this).children('.movie-thumb-poster').children('.movie-thumb-play').show();
			$(this).children('.movie-thumb-poster').children('.movie-thumb-dark').show();
		});

		$('.open-trailer').live('mouseout', function() {
			$(this).children('.movie-thumb-poster').children('.movie-thumb-play').hide();
			$(this).children('.movie-thumb-poster').children('.movie-thumb-dark').hide();
		});
	}
/*
	$('.open-trailer').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var movie_id = $(this).attr('id');
				movie_id = movie_id.split('_');
				movie_id = movie_id[1];

			$.ajax({
				type: 'get',
				url: url_base +'ajax/kijkwijzers/'+ movie_id,
				success: function(data) {
					$('.kijkwijzer-trailer').html(data);
				}
			});

			var movie_title = $(this).attr('title');
			$('.trailer-title').html(movie_title);

			var movie_url = $(this).attr('href') || $(this).children('.movie-thumb-poster').children('.trailer-page-link').attr('href');
			movie_url = movie_url.split('/');
			movie_url = movie_url[5];

			$('.more-info-trailer').attr('href', url_base + 'bioscoopfilms/index/' + movie_url);

			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');

			$('.overlay').show();
			$('.modal-box').show();
			$('.trailer-player').show();

			var flashvars =
			{
				'file':url_base +'trailers/index/'+ movie_id,
				'volume':50,
	    		'skin':url_base +'resources/swf/stylish.swf',
				'displayclick':'none',
				'icons':'false',
				'repeat':'list',
				'stretching':'uniform',
				'lightcolor':'777777',
				'frontcolor':'ffffff',
				'backcolor':'333333',
				'screencolor':'000000',
				'id':'player_object',
				'autostart':'true',
				'plugins':'adtvideo',
				'adtvideo.config':'splash_config.xml'
			};

			var params =
			{
				'allowfullscreen':		'true',
				'allowscriptaccess':	'always',
				'bgcolor':				'#FFFFFF'
			};

			var attributes =
			{
				'id':		'player_object',
				'name':		'player_object'
			};

			swfobject.embedSWF(url_base +'resources/swf/player.swf', 'player', '610', '476', '9.0.124', false, flashvars, params, attributes);
		}
	});
*/
	$('.bios-foto').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var pic = $(this).attr('href');
				img = pic.split('_');
				size = img[1].split('x');
				height = size[1].split('.');

			if(size[0] > 153 && height[0] > 153)
			{
				$('.bios-groot').children('.bios-foto-groot').attr('src', pic);

				var scrollbar = ($.getScrollbarWidth() - 1) / 2;
				var imgwidth = (size[0] / 2) + 30 ;
				var imgheight = (height[0] / 2) + 30 ;
				$('body').css('overflow', 'hidden');
				$('body').css('margin-left', '-'+ scrollbar +'px');
				$('.bios-groot').css('margin-left', '-'+ imgwidth +'px');
				$('.bios-groot').css('margin-top', '-'+ imgheight +'px');
				$('.overlay').show();
				$('.bios-groot').show();
			}
		}
	});

	$(document).keypress(function(e){
		if(e.keyCode == 27){
			$('body').css('overflow', 'auto');
			$('body').css('margin-left', '0px');
			$('.overlay').hide();
			$('.bios-groot').hide();
			$('.bios-groot').children('.bios-foto-groot').attr('src', '');
		}
	});

	$('.modal-close').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.overlay').hide();
		$('.bios-groot').hide();
		$('.bios-groot').children('.bios-foto-groot').attr('src', '');
	});

	$('.bios-foto-groot').css('cursor', 'pointer');
	$('.bios-foto-groot').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.overlay').hide();
		$('.bios-groot').hide();
		$('.bios-groot').children('.bios-foto-groot').attr('src', '');
	});

	$('#keuze-info-1').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');

			$('.overlay').show();
			$('.more-payment-info').show();
			$('#choice-1').show();
			$('#choice-2').hide();
			$('#choice-3').hide();
		}
	});

	$('#keuze-info-2').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');

			$('.overlay').show();
			$('.more-payment-info').show();
			$('#choice-1').hide();
			$('#choice-2').show();
			$('#choice-3').hide();
		}
	});

	$('#keuze-info-3').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');

			$('.overlay').show();
			$('.more-payment-info').show();
			$('#choice-1').hide();
			$('#choice-2').hide();
			$('#choice-3').show();
		}
	});

	$(document).keypress(function(e){
		if(e.keyCode == 27){
			$('body').css('overflow', 'auto');
			$('body').css('margin-left', '0px');
			$('.more-payment-info').hide();
			$('.overlay').hide();
			$('#choice-1').hide();
			$('#choice-2').hide();
			$('#choice-3').hide();
		}
	});

	$('.modal-close').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.more-payment-info').hide();
		$('.overlay').hide();
		$('#choice-1').hide();
		$('#choice-2').hide();
		$('#choice-3').hide();
	});

	$('.movie-poster').live('mouseover', function() {
		$(this).children('.movie-thumb-plus').show();
	});

	$('.movie-poster').live('mouseout', function() {
		$(this).children('.movie-thumb-plus').hide();
	});

	$('.movie-poster').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();

			var scrollbar = ($.getScrollbarWidth() - 1) / 2;


			$('.overlay').fadeTo('slow',0.7);
			$('.picture-overlay').fadeIn();
		}
	}); 

	$(document).keypress(function(e){
		if(e.keyCode == 27){
			$('.picture-overlay').hide();
			$('.overlay').hide();
		}
	});

	$('.modal-close').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.picture-overlay').hide();
		$('.overlay').hide();
	});

	$('.poster-org').css('cursor', 'pointer');
	$('.poster-org').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.picture-overlay').hide();
		$('.overlay').hide();
	});

	$('#res-nu').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();
			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('#resbox-buy-btn').show();
			$('#resbox-reservation-btn').show();
			$('.reservation-type-information').hide();
			$('.reservation-type-information-belbios').hide();
                        $('#resbox-reset-btn').show();
			$('.reservation-box-part:eq(4)').show();
			$('.reservation-box-part:last').css('margin-top', '0px');
			$('.reservation-select[name="date"]').empty();
			$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
			$('.reservation-select[name="date"]').attr('disabled', 'disabled');
			$('.reservation-select[name="date"]').css('opacity', '0.5');
			$('.reservation-select[name="total_tickets"]').empty();
			$('.reservation-select[name="total_tickets"]').append('<option value="1">1</option>');
			$('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
			$('.reservation-select[name="total_tickets"]').css('opacity', '0.5');
			$('.reservation-select[name="cinema"]').empty();
			$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
			$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
			$('.reservation-select[name="cinema"]').css('opacity', '0.5');
			$('#cinema-all').addClass('hidden');
			$('#city-all').addClass('hidden');
			$('#cinema-info').addClass('hidden');
			$('#movie-info').addClass('hidden');

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');
			$('.overlay').show();
			$('.register-bg').show();
			$('#right-reservation').css('z-index', '1500');
			$('#right-reservation').css('position', 'fixed');
			$('#right-reservation').css('left', '50%');
			$('#right-reservation').css('top', '50%');
			$('#right-reservation').css('margin-left', '-177px');
			$('#right-reservation').css('margin-top', '-112.5px');

			var bbid = $(this).attr('rel');
			$('.reservation-select[name="movie"]').children('option[value="'+ bbid +'"]').attr('selected', 'selected');

			$.ajax({
				type: 'get',
				url: url_base +'ajax/cities/'+ bbid,
				dataType: 'json',
				success: function(json){
					var str = '';
					for(i=0;i<json.length;i++)
					{
						str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
					}

					$('.reservation-select[name="city"]').empty();
					$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
					$('.reservation-select[name="city"]').append(str);
					$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');
				}
			});
		}
	});
	$('#ideal').live('click', function(event) {
		if(event.button === 0) {
			event.preventDefault();
			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('#resbox-buy-btn').show();
			$('#resbox-reservation-btn').show();
			$('.reservation-type-information').hide();
			$('.reservation-type-information-belbios').hide();
                        $('#resbox-reset-btn').show();
			$('.reservation-box-part:eq(4)').show();
			$('.reservation-box-part:last').css('margin-top', '0px');
			$('.reservation-select[name="date"]').empty();
			$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
			$('.reservation-select[name="date"]').attr('disabled', 'disabled');
			$('.reservation-select[name="date"]').css('opacity', '0.5');
			$('.reservation-select[name="total_tickets"]').empty();
			$('.reservation-select[name="total_tickets"]').append('<option value="1">1</option>');
			$('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
			$('.reservation-select[name="total_tickets"]').css('opacity', '0.5');
			$('.reservation-select[name="cinema"]').empty();
			$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
			$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
			$('.reservation-select[name="cinema"]').css('opacity', '0.5');
			$('#cinema-all').addClass('hidden');
			$('#city-all').addClass('hidden');
			$('#cinema-info').addClass('hidden');
			$('#movie-info').addClass('hidden');

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');
			$('.overlay').show();
			$('.register-bg').show();
			$('#right-reservation').css('z-index', '1500');
			$('#right-reservation').css('position', 'fixed');
			$('#right-reservation').css('left', '50%');
			$('#right-reservation').css('top', '50%');
			$('#right-reservation').css('margin-left', '-177px');
			$('#right-reservation').css('margin-top', '-112.5px');

			var bbid = $(this).attr('rel');
			$('.reservation-select[name="movie"]').children('option[value="'+ bbid +'"]').attr('selected', 'selected');

			$.ajax({
				type: 'get',
				url: url_base +'ajax/cities/'+ bbid,
				dataType: 'json',
				success: function(json){
					var str = '';
					for(i=0;i<json.length;i++)
					{
						str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
					}

					$('.reservation-select[name="city"]').empty();
					$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
					$('.reservation-select[name="city"]').append(str);
					$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');
				}
			});
		}
	});

	$('.res-nu').live('click', function(event) {
		if(event.button === 0) {
			$('.res-overlay').hide();
			event.preventDefault();
			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('#resbox-buy-btn').show();
			$('#resbox-reservation-btn').show();
			$('.reservation-type-information').hide();
			$('.reservation-type-information-belbios').hide();
                        $('#resbox-reset-btn').show();
			$('.reservation-box-part:eq(4)').show();
			$('.reservation-box-part:last').css('margin-top', '0px');
			$('.reservation-select[name="date"]').empty();
			$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
			$('.reservation-select[name="date"]').attr('disabled', 'disabled');
			$('.reservation-select[name="date"]').css('opacity', '0.5');
			$('.reservation-select[name="total_tickets"]').empty();
			$('.reservation-select[name="total_tickets"]').append('<option value="1">1</option>');
			$('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
			$('.reservation-select[name="total_tickets"]').css('opacity', '0.5');
			$('.reservation-select[name="cinema"]').empty();
			$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
			$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
			$('.reservation-select[name="cinema"]').css('opacity', '0.5');
			$('#cinema-all').addClass('hidden');
			$('#city-all').addClass('hidden');
			$('#cinema-info').addClass('hidden');
			$('#movie-info').addClass('hidden');

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');
			$('.overlay').show();
			$('.register-bg').show();
			$('#right-reservation').css('z-index', '1500');
			$('#right-reservation').css('position', 'fixed');
			$('#right-reservation').css('left', '50%');
			$('#right-reservation').css('top', '50%');
			$('#right-reservation').css('margin-left', '-177px');
			$('#right-reservation').css('margin-top', '-112.5px');

			var bbid = $(this).attr('rel');
			$('.reservation-select[name="movie"]').children('option[value="'+ bbid +'"]').attr('selected', 'selected');

			$.ajax({
				type: 'get',
				url: url_base +'ajax/cities/'+ bbid,
				dataType: 'json',
				success: function(json){
					var str = '';
					for(i=0;i<json.length;i++)
					{
						str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
					}

					$('.reservation-select[name="city"]').empty();
					$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
					$('.reservation-select[name="city"]').append(str);
					$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');
                                        $('.reservation-select[name="city"]').children('option[text=' + $('#city-search option:selected').text() + ']').attr('selected', 'selected');
                                        $.ajax({
                                                type: 'get',
                                                url: url_base +'ajax/cinemas/'+ $('.reservation-select[name="city"]').val() +'/'+ $('.reservation-select[name="movie"]').val(),
                                                dataType: 'json',
                                                success: function(json){
                                                        var str = '';
                                                        for(i=0;i<json.length;i++)
                                                        {
                                                                str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
                                                        }
                                                        $('.reservation-select[name="cinema"]').empty();
                                                        $('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
                                                        $('.reservation-select[name="cinema"]').append(str);
                                                        $('.reservation-select[name="cinema"]').attr('disabled', '');
                                                        $('.reservation-select[name="cinema"]').css('opacity', 1);

                                                        //if($('.reservation-select[name="cinema"]').val() == 0)
                                                        //{
                                                        //        $('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
                                                        //        $('.reservation-select[name="cinema"]').css('opacity', '0.5');
                                                        //        $('#cinema-all').addClass('hidden');
                                                        //        $('#city-all').addClass('hidden');
                                                        //        $('#cinema-info').addClass('hidden');
                                                        //        $('#movie-info').addClass('hidden');
                                                        //}

                                                        $('.reservation-select[name="date"]').empty();
                                                        $('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
                                                        $('.reservation-select[name="date"]').attr('disabled', 'disabled');
                                                        $('.reservation-select[name="date"]').css('opacity', '0.5');
                                                }
                                        });
				}
			});
		}
	});

	$(document).keypress(function(e){
		if(e.keyCode == 27){
			$('body').css('overflow', 'auto');
			$('body').css('margin-left', '0px');
			$('.register-bg').hide();
			$('#right-reservation').css('z-index', '100');
			$('#right-reservation').css('position', 'relative');
			$('#right-reservation').css('left', 0);
			$('#right-reservation').css('top', 0);
			$('#right-reservation').css('margin-left', 0);
			$('#right-reservation').css('margin-top', 0);
			$('.overlay').hide();
			$('.newsletter-more-info').hide();
			url = ''+window.location;
			url = url.split('/');
			if(url[6] == 'reserveren' || url[6] == 'kopen')
			{
				$('.res-overlay').show();
			}
		}
	});

	$('.modal-close').click(function(){
		$('body').css('overflow', 'auto');
		$('body').css('margin-left', '0px');
		$('.register-bg').hide();
		$('#right-reservation').css('z-index', '100');
		$('#right-reservation').css('position', 'relative');
		$('#right-reservation').css('left', 0);
		$('#right-reservation').css('top', 0);
		$('#right-reservation').css('margin-left', 0);
		$('#right-reservation').css('margin-top', 0);
		$('.overlay').hide();
		$('.newsletter-more-info').hide();
		$('.pathe-more-info').hide();
		url = ''+window.location;
		url = url.split('/');
		if(url[6] == 'reserveren' || url[6] == 'kopen')
		{
			$('.res-overlay').show();
		}
	});

	$('#newsletter-info').live('click', function(event){
		if(event.button === 0) {
			event.preventDefault();
			var scrollbar = ($.getScrollbarWidth() - 1) / 2;

			$('body').css('overflow', 'hidden');
			$('body').css('margin-left', '-'+ scrollbar +'px');
			$('.overlay').show();
			$('.newsletter-more-info').show();
		}
	});

	var text;

	$('.movie-wide-voted > img').live('mouseover', function(){
		text = $(this).parent().children('.vote-value').text();
		$(this).parent().children('.vote-value').text('U heeft al gestemd');
	});

	$('.movie-wide-voted > img').live('mouseout', function(){
		$(this).parent().children('.vote-value').text(text);
	});

	$('.movie-wide-vote > img').live('mouseover', function(){
		$(this).nextAll('img').attr('src', url_base +'resources/img/buttons/vote.png');
		$(this).prevAll('img').andSelf().attr('src', url_base +'resources/img/buttons/vote-hover.png');

		var values = ['Vreselijk!', 'Slecht', 'Matig', 'Goed', 'Fantastisch!'];
		var count = $(this).prevAll('img').andSelf().size();
		text = $(this).parent().children('.vote-value').text();
		$(this).parent().children('.vote-value').text(values[(count - 1)]);
	});

	$('.movie-wide-vote > img').live('mouseout', function(){
		if(!$(this).hasClass('voted')){
			$(this).parent().children('img:not(.voted)').attr('src', url_base +'resources/img/buttons/vote.png');
		}
		$(this).parent().children('.voted').attr('src', url_base +'resources/img/buttons/vote-hover.png');
		$(this).parent().children('.vote-value').text(text);
	});

	$('.movie-wide-vote > img').live('click', function(event){
		if(event.button === 0) {
			$(this).parent().children('.vote-value').text('');

			var id = $(this).parent().attr('id');
				id = id.split('_');
				id = id[1];

			$(this).nextAll('img').removeClass('voted');
			$(this).prevAll('img').andSelf().addClass('voted');

			var count = $(this).prevAll('img').andSelf().size();
			var element = $(this);

			$.ajax({
				type: 'post',
				url: url_base +'ajax/vote',
				data: 'rating='+ count +'&movie='+ id,
				success: function(msg){
					text = msg;
					$(element).parent().children('.vote-value').text(msg);

					var cookie_val = $.cookie('belbios_votes');
						cookie_val = cookie_val ? cookie_val + ',' : '';
					$.cookie('belbios_votes', cookie_val+id, { expires: 7, path: '/' });  //TODO add domain

					$(element).parent().removeClass('movie-wide-vote');
					$(element).parent().addClass('movie-wide-voted');
				}
			});
		}
	});

	$('#search-box').css('color', '#aaa');

	$('#search-box').focus(function(){
		if($(this).val() == 'Zoeken...'){
			$('#search-box').css('color', '#000');
			$(this).val('');
		}
	});

	$('#search-box').blur(function(){
		if($(this).val() == ''){
			$('#search-box').css('color', '#aaa');
			$(this).val('Zoeken...');
		}
	});

	$('#news-letter-name').css('color', '#888');

	$('#news-letter-name').focus(function(){
		if($(this).val() == 'Voornaam...'){
			$('#news-letter-name').css('color', '#000');
			$(this).val('');
		}
	});

	$('#news-letter-name').blur(function(){
		if($(this).val() == ''){
			$('#news-letter-name').css('color', '#aaa');
			$(this).val('Voornaam...');
		}
	});

	$('#news-letter-email').css('color', '#888');

	$('#news-letter-email').focus(function(){
		if($(this).val() == 'E-mailadres...'){
			$('#news-letter-email').css('color', '#000');
			$(this).val('');
		}
	});

	$('#news-letter-email').blur(function(){
		if($(this).val() == ''){
			$('#news-letter-email').css('color', '#aaa');
			$(this).val('E-mailadres...');
		}
	});

	var title;
	$('.movie-wide-kijkwijzer > a > img').live('mouseover', function(){
		title = $(this).attr('title');
		$(this).removeAttr('title');
		$(this).attr('title', '');

		var offset = $(this).offset();
		var image = $(this).attr('src').replace('small/', '');
		var content = '<img src="'+ image +'" width="25" height="25" /><p>'+ title +'</p>';

		$('body').append('<div class="tooltip" style="left: '+ (offset.left + 10) +'px; top: '+ (offset.top + 25) +'px; ">'+ content +'</div>');
	});

	$('.movie-wide-kijkwijzer > a > img').live('mouseout', function(){
		$('.tooltip').remove();
		$(this).attr('title', title);
	});

	$('.gallery-thumbs-left').live('click', function(event){
		if(event.button === 0) {
			var current_offset = parseInt($('.gallery-thumbs-slider').css('margin-left'));
			if(current_offset < 20)
			{
				$('.gallery-thumbs-slider').css('margin-left', ''+ (current_offset + 74) +'px');
			}
		}
	});

	$('.gallery-thumbs-right').live('click', function(event){
		if(event.button === 0) {
			var current_offset = parseInt($('.gallery-thumbs-slider').css('margin-left'));
			var width = ($('.gallery-thumbs-slider').children().size() * 74) - 168;

			if(Math.abs(current_offset) <= width && $('.gallery-thumbs-slider').children().size() >= 8)
			{
				$('.gallery-thumbs-slider').css('margin-left', ''+ (current_offset - 74) +'px');
			}
		}
	});

	$('.gallery-thumbs-slider > img').live('click', function(event){
		if(event.button === 0) {
			var img = $(this).attr('src');
				img = img.split('_');
				img = img[0];

			$('.gallery-big-image > img').fadeOut('normal', function(){
				$('.gallery-big-image > img').attr('src', img +'_resized.jpg');
				$('.gallery-big-image > img').fadeIn();
			});
		}
	});

	if($('input[name="extra-acties"]').is(':checked'))
	{
		$('#extra-info').show();
		var checked = true;
	}
	else
	{
		var checked = false;
	}
	$('#extra-acties').click(function(){
		$('#extra-info2').slideToggle();
		if(!checked) {
			$('#extra-info').slideDown();
			checked = true;
		}
		else
		{
			$('#extra-info').slideUp();
			checked = false;
		}
	});
	$('p.res-ann').hide();
	$('div.res-ann').hide();
	$('.res-ann-txt').click(function(){
		$(this).parent().children('.res-ann').slideToggle('slow');
	});

	$('.review-options > .add-review-button').live('click', function(event){
		if(event.button === 0) {
			event.preventDefault();

			if(loggedin == 1)
			{
				$(this).slideToggle('slow');
				$('.add-review').slideToggle('slow');

				$('.add-review-slider').slider({
					orientation: 'vertical',
					range: 'min',
					min: 10,
					max: 100,
					value: 55,
					step: 5,
					animate: true,
					slide: function(event, ui) {
						var value = ''+ ui.value;
						var left = value.slice(0, 1);
						var right = value.slice(1, 2);

						if(ui.value == 100) {
							$('.add-review-value').text(10);
							$('.add-review-rating-field').val(10);
						}
						else {
							$('.add-review-value').text(left +'.'+ right);
							$('.add-review-rating-field').val(left +'.'+ right);
						}
					}
				});
			}
			else
			{
				window.location = url_base +'inloggen/'+ $(this).attr('id');
			}
		}
	});
	$('.add-review-content-field').css('color', '#ccc');

	$('.add-review-content-field').live('keyup', function() {
		if($('.add-review-content-field').val().length > 1000)
		{
			$('.add-review-content-field').val($('.add-review-content-field').val().substring(0,1000));
		}
		$('.char-count').text((1000-$('.add-review-content-field').val().length) + ' tekens');
	});

	$('.add-review-submit-button').live('click', function(event){
		if(event.button === 0) {
			event.preventDefault();

			if($('.add-review-content-field').val().length < 150)
			{
				alert('Je review moet minimaal 150 tekens bevatten.');
			}
			else if($('.add-review-content-field').val().length > 1000)
			{
				alert('Je review mag maximaal 1000 tekens bevatten.');
			}
			else
			{
				if($('.add-review-content-field').val() == $('.add-review-hidden-text').val())
				{
					alert('Je review mag niet bestaan uit de standaard tekst.');
				}
				else
				{
					if($('.add-review-value').text() == 5.5)
					{
						if(confirm('Je waardering is nu 5.5 voor deze film.\nWeet je dit zeker?'))
						{
							$('.add-review-form').submit();
						}
					}
					else
					{
						$('.add-review-form').submit();
					}
				}
			}
		}
	});

	$('.add-review-rating-info').live('mouseover', function(){
		var offset = $(this).offset();
		$('body').append('<div class="tooltip" style="left: '+ (offset.left + 10) +'px; top: '+ (offset.top + 25) +'px; ">Om de film positief te waarderen<br /> verschuif je het oranje blokje naar boven.<br />Bij een mindere film naar beneden. <br /><br />Waardering: 1 [zeer slecht] tot 10 [uitmuntend]</div>');
	});

	$('.add-review-rating-info').live('mouseout', function(){
		$('.tooltip').remove();
	});

	$('.review-user-info').live('mouseover', function(){
		var offset = $(this).offset();
		$('body').append('<div class="tooltip" style="left: '+ (offset.left + 10) +'px; top: '+ (offset.top - 45) +'px; ">'+ $(this).parent().children('.review-user-data').html() +'</div>');
	});

	$('.review-user-info').live('mouseout', function(){
		$('.tooltip').remove();
	});

	$('.add-review-content-field').live('focus', function(){
		$('.add-review-content-field').css('color', '#000');
		if($(this).val() == $('.add-review-hidden-text').val())
		{
			$(this).val('');
		}
	});

	$('.add-review-content-field').live('blur', function(){
		if($(this).val() == $('.add-review-hidden-text').val() || $(this).val() == '')
		{
			$(this).val($('.add-review-hidden-text').val());
			$('.add-review-content-field').css('color', '#ccc');
		}
	});

	$('.add-review-options > .cancel-review').live('click', function(event){
		if(event.button === 0) {
			event.preventDefault();

			$('.review-options > .add-review-button').slideToggle('slow');
			$('.add-review').slideToggle('slow');
		}
	});

	$('.cinema-search').live('keyup', function(){
		var query = $('.cinema-search').val();
		$('.cinema-search > option:eq(0)').attr('selected', 'selected');

		$.ajax({
			type: 'GET',
			url: url_base +'bioscopen/zoeken/text/'+ query,
			success: function(data) {
			    $('.bioscopen-lijst').empty();
			    $('.bioscopen-lijst').html(data);
			}
		});
	})

	$(".draggable").draggable({containment: 'parent'});
	$("#action-detail").droppable({
		drop: function(event, ui) {
			$(".draggable").draggable({containment: 'parent'});
			console.log(ui.draggable[0].id + ' X: ' + ui.position.left + ' Y: ' + ui.position.top);
		}
	});

	var return_status = $('.ticket-confirm-text').text();
	var result = return_status.split('|');
	if(result[1] == 'HOLD')
	{
		$('.ticket-confirm-text').html('<img src="'+ url_base +'resources/img/other/res-loader.gif" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Even geduld, je reservering wordt nu naar de bioscoop verstuurd...</p><div class="clear"></div>');
		$('.ticket-confirm-text').show();
		verify_ticket(result[2]);
	}
	if(result[1] == 'ERROR')
	{
		$('.ticket-confirm-text').html('<img src="'+ url_base +'resources/img/other/cross.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Er is iets misgegaan, probeer het nog eens...</p><div style="padding: 20px; font-size: smaller; color: #333;"><img src="/resources/img/icons/information.png"/> <div>Heb je zojuist een reservering geplaatst? Dan kan het zijn dat deze nog bevestigd moet worden. Bevestig de vorige reservering of wacht 10 minuten tot deze automatisch verloopt.</div> </div><div class="clear"></div>');
		$('.ticket-confirm-text').show();
		$('.ticket-back-btn').show();
	}
	if(return_status == 'ACCOUNT')
	{
		$('.ticket-confirm-text').html('<img src="'+ url_base +'resources/img/other/cross.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Je bent niet bekend bij Belbios met deze gegevens, probeer het nog eens...</p><div class="clear"></div>');
		$('.ticket-confirm-text').show();
		$('.ticket-back-btn').show();
		$('.ticket-done-btn').remove();
	}
	if(return_status == 'CHECK_SMS')
	{
		$('.ticket-confirm-text').html('<div style="padding: 20px;"><img src="'+ url_base +'resources/img/other/info-icon.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Dit telefoonnummer staat momenteel niet aangemeld bij de Belbios SMS service.<br />Om van de Belbios SMS service gebruik te kunnen maken, dien je de Belbios SMS service <span style="font-size: 7pt;">(eenmalig &euro;0,25)</span> aan te zetten.<br /><br />SMS eenmalig <b>RES AAN</b>  (spatie) <b>je gebruikersnaam</b> (spatie) <b>je wachtwoord</b> naar <b>5454.</b><font size="-4">(Eenmalig 25 ct)</font><br />Na het aanzetten van de SMS service ontvang je van elk volgende reservering een SMS bericht.</p></div><div class="clear"></div>');
		$('.ticket-confirm-text').show();
		$('.ticket-back2choice-btn').show();
		$('.ticket-checksms-btn').show();
	}
	if(result[1] != 'ERROR' && result[1] != 'HOLD' && return_status != 'CHECK_SMS')
	{
                if(typeof(ticket)!='undefined') {
                        if(ticket.method == 'account')
                        {
                                $.ajax({
                                        type: 'post',
                                        url: url_base + 'ajax/addreservation',
                                        data: ticket
                                });
                        }
                }
		$('.ticket-done-btn').show();
		$('.ticket-confirm-text').show();
	}

	$('.ticket-checksms-btn').live('click', function(event){
		if(event.button === 0) {
			param_array = new Object();

			$('input[type="hidden"]').each(function(i, element){
					param_array[$(element).attr('name')] = $(element).val();
			});

			$.ajax({
				type: 'post',
				url: url_base +'ticket/bevestiging/checksms',
				data: param_array,
				dataType: 'text',
				success: function(text)
				{
					if(text == 'ACCOUNT')
					{
						$('.ticket-confirm-text').html('<div style="padding: 20px;"><img src="'+ url_base +'resources/img/other/cross.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Je bent niet bekend bij Belbios met deze gegevens, probeer het nog eens...</p></div><div class="clear"></div>');
						$('.ticket-confirm-text').show();
						$('.ticket-back-btn,.voordeel-btn').show();
						$('.ticket-done-btn').remove();
						$('.ticket-back2choice-btn').remove();
						$('.ticket-checksms-btn').remove();
					}
					if(text == 'CHECK_SMS')
					{
                                                $('.ticket-confirm-text').html('<div style="padding: 20px;"><img src="'+ url_base +'resources/img/other/info-icon.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;"><span id="checksmswarning" style="color: #BC3434;">Het telefoonnummer is niet bekend bij onze SMS service, probeer het opnieuw.<br /><br /></span>Dit telefoonnummer staat momenteel niet aangemeld bij de Belbios SMS service.<br />Om van de Belbios SMS service gebruik te kunnen maken, dien je de Belbios SMS service <span style="font-size: 7pt;">(eenmalig &euro;0,25)</span> aan te zetten.<br /><br />SMS eenmalig <b>RES AAN</b>  (spatie) <b>je gebruikersnaam</b> (spatie) <b>je wachtwoord</b> naar <b>5454.</b><font size="-4">(Eenmalig 25 ct)</font><br />Na het aanzetten van de SMS service ontvang je van elk volgende reservering een SMS bericht.</p></div><div class="clear"></div>');
                                                $('.ticket-confirm-text').show();
                                                $('.ticket-back2choice-btn').show();
                                                $('.ticket-checksms-btn').show();
                                                setTimeout("$('#checksmswarning').fadeOut();",8000);
					}
					if(text != 'ACCOUNT' && text != 'CHECK_SMS')
					{
                                                if(typeof(ticket)!='undefined') {
                                                        if(ticket.method == 'account')
                                                        {
                                                                $.ajax({
                                                                        type: 'post',
                                                                        url: url_base + 'ajax/addreservation',
                                                                        data: ticket
                                                                });
                                                        }
                                                }
						$('.ticket-confirm-text').html(text);
						$('.ticket-done-btn').show();
						$('.ticket-back2choice-btn').hide();
						$('.ticket-checksms-btn').hide();
					}
				}
			});
		}
	});

	$('.ticket-back2choice-btn').click(function(event){
		event.preventDefault();

		username = $('input[name="username"]').val();
		city = $('input[name="city"]').val();
		movie = $('input[name="movie"]').val();
		ticket_type = $('input[name="ticket_type"]').val();
		cinema = $('input[name="cinema"]').val();
		date = $('input[name="datetime"]').val();
		total_tickets = $('input[name="tickets"]').val();

		var html = '<div id="ticket-stepsbar">\
			<div class="bar-inner">\
				<ul>\
					<li style="opacity: 0.5"><img src="'+ url_base +'resources/img/other/ticket-1.png" />&nbsp;&nbsp;&nbsp;&nbsp;Controleren</li>\
					<li class="active"><img src="'+ url_base +'resources/img/other/ticket-2-active.png" />&nbsp;&nbsp;&nbsp;&nbsp;Keuze</li>\
					<li style="opacity: 0.5"><img src="'+ url_base +'resources/img/other/ticket-3.png" />&nbsp;&nbsp;&nbsp;&nbsp;Bevestigen</li>\
				</ul>\
				<div class="clear"></div>\
			</div>\
		</div>\
		<h2 class="small-title">Maak een keuze uit de verschillende reserverings mogelijkheden.</h2>\
		<br />\
		<form action="'+ url_base +'reserveren/bevestiging" method="post" class="choice-form">\
			<div class="ticket-choices-select">\
				<div class="ticket-choice" id="account">\
					<div class="left">\
						<div class="ticket-choice-title left">\
							<b>Keuze 1</b>\
						</div>\
						<div class="ticket-choice-subtitle left">\
							<b>Belbios account</b>&nbsp;&nbsp;<a href="#" id="keuze-info-1"><img style="margin-bottom: -3px" src="'+ url_base +'resources/img/icons/information.png" width="16" height="16" /></a>\
						</div>\
						<div class="clear"></div>\
						<div class="ticket-choice-explain">\
							Log in met je Belbios account en <br />\
							reserveer makkelijk en snel!<br /><br />\
							<span style="font-size: 10px">Kosten 55 eurocent per reservering.</span>\
						</div>\
					</div>\
					<div class="right">\
						<table>\
							<tr>\
								<td width="125">Gebruikersnaam: *</td>\
								<td><input autocomplete="off" type="text" name="username" class="account" value="'+ username +'" /></td>\
							</tr>\
							<tr>\
								<td>Wachtwoord: *</td>\
								<td><input autocomplete="off" type="password" name="password" class="account" /></td>\
							</tr>\
						</table>\
						<input type="submit" value="Verder  &raquo;" name="submit" class="ticket-next-btn" style="position: absolute; bottom: 10px; right: 10px;"/>\
					</div>\
					<div class="clear"></div>\
				</div>\
				<div class="ticket-choice" id="sms">\
					<div class="left">\
						<div class="ticket-choice-title left">\
							<b>Keuze 2</b>\
						</div>\
						<div class="ticket-choice-subtitle left">\
							<b>SMS bevestiging</b>&nbsp;&nbsp;<a href="#" id="keuze-info-2"><img style="margin-bottom: -3px" src="'+ url_base +'resources/img/icons/information.png" width="16" height="16" /></a>\
						</div>\
						<div class="clear"></div>\
						<div class="ticket-choice-explain">\
							Verzend en ontvang 1 SMS bericht <br />\
							per reservering.<br /><br />\
							<span style="font-size: 10px">Kosten 55 eurocent per reservering.</span>\
						</div>\
					</div>\
					<div class="right">\
						<table>\
							<tr>\
								<td width="125">Mobiele nummer: *</td>\
								<td><input autocomplete="off" type="text" name="mobile" class="sms" style="color: #ccc;" value="bijv. 0619283746" /></td>\
							</tr>\
						</table>\
						<input type="submit" value="Verder  &raquo;" name="submit" class="ticket-next-btn ticket-check-sms" style="position: absolute; bottom: 10px; right: 10px;"/>\
					</div>\
					<div class="clear"></div>\
				</div>\
				<div class="ticket-choice" id="telephone">\
					<div class="left">\
						<div class="ticket-choice-title left">\
							<b>Keuze 3</b>\
						</div>\
						<div class="ticket-choice-subtitle left">\
							<b>Telefonische bevestiging</b>&nbsp;&nbsp;<a href="#" id="keuze-info-3"><img style="margin-bottom: -3px" src="'+ url_base +'resources/img/icons/information.png" width="16" height="16" /></a>\
						</div>\
						<div class="clear"></div>\
						<div class="ticket-choice-explain">\
							Ontvang je reserveringsnummer per <br />\
							telefoon en per email.<br /><br />\
							<span style="font-size: 10px">Kosten 55 eurocent per reservering.</span>\
						</div>\
					</div>\
					<div class="right">\
						<table>\
							<tr>\
								<td width="125">Telefoonnummer: *</td>\
								<td><input autocomplete="off" type="text" name="telephone" class="telephone" /></td>\
							</tr>\
							<tr>\
								<td>Emailadres: *</td>\
								<td><input autocomplete="off" type="text" name="email" class="telephone" /></td>\
							</tr>\
						</table>\
						<input type="submit" value="Verder  &raquo;" name="submit" class="ticket-next-btn ticket-check-phone" style="position: absolute; bottom: 10px; right: 10px;"/>\
					</div>\
					<div class="clear"></div>\
				</div>\
				<input type="hidden" name="movie" value="'+ movie +'" />\
				<input type="hidden" name="city" value="'+ city +'" />\
				<input type="hidden" name="cinema" value="'+ cinema +'" />\
				<input type="hidden" name="date" value="'+ date +'" />\
				<input type="hidden" name="ticket_type" value="'+ ticket_type +'" />\
				<input type="hidden" name="total_tickets" value="'+ total_tickets +'" />\
				<div class="clear"></div>\
			</div>\
		</form>';

		$('#reserveren').empty();
		$('#reserveren').append(html);
	});

	$('.ticket-done-btn').click(function(){
		$('li.active').css('opacity', '0.5');
		$('li.active').css('background-color', 'transparent');
		$('li.active').css('color', '#666');
		$('li.active > img').attr('src', url_base +'resources/img/other/ticket-3.png');

		var tickets = $('input[name="tickets"]').val();
		var movie = $('input[name="movie_name"]').val();
		var cinema = $('input[name="cinema_name"]').val();
		var pickup = $('input[name="pickupmins"]').val();

		$('#reserveren > h2.small-title').text('Bedankt voor je reservering!');
		
		if($('#ticket-is-phone').val() == 1)
		{
			var confirmation_method = "telefoon";
		}
		else
		{
			var confirmation_method = "SMS";
		}
		if(tickets == '1')
		{
			$('.ticket-confirm-text').html('Als de reservering per '+ confirmation_method +' is bevestigd dan ligt er 1 kaart voor "'+ movie +'" voor je klaar bij de kassa van '+ cinema +'.<br /><br />Je kunt de kaart tot uiterlijk '+ pickup +' minuten voor aanvang ophalen.<br /><br />Veel kijkplezier!<br />Belbios.nl');
		}
		else
		{
			$('.ticket-confirm-text').html('Als de reservering per '+ confirmation_method +' is bevestigd dan liggen er '+ tickets +' kaarten voor "'+ movie +'" voor je klaar bij de kassa van '+ cinema +'.<br /><br />Je kunt de kaarten tot uiterlijk '+ pickup +' minuten voor aanvang ophalen.<br /><br />Veel kijkplezier!<br />Belbios.nl');
		}
		$('.ticket-done-btn').hide();
		$('.ticket-back-btn,.voordeel-btn').show();
	});

	$('.reservation-select:disabled').css('opacity', '0.5');

	$('.ticket-reset-btn').click(function(){
		$('.ticket-choice').css('opacity', 1);
	});

	$('#resbox-buy-btn').click(function(event){
                event.preventDefault();
                if ($('#resbox-buy-btn').hasClass('reservation-btn')) {
                                if($('.reservation-select[name="movie"]').val() != 0 && $('.reservation-select[name="city"]').val() != 0 && $('.reservation-select[name="cinema"]').val() != 0 && $('.reservation-select[name="date"]').val() != 0)
                                {
                                        $('.resbox-ticket-type').val('kopen');
                                        $('#resbox-form').attr('action', url_base +'kopen');
                                        $('#resbox-form').submit();
                                }
                                else
                                {
                                        $('.tooltip').remove();
                                        var offset = $(this).offset();
                                        $('body').append('<div class="tooltip" style="width: 230px; left: '+ (offset.left + 10) +'px; top: '+ (offset.top - 45) +'px; ">Gebruik de bovenstaande velden<br /> om een aankoop te doen<div style="cursor: pointer; position: absolute; top: 5px; right: 5px;"><img class="remove-tooltip" src="'+url_base+'resources/img/buttons/close.jpg" /></div></div>');
                                }
                }
	});

	$('#resbox-reservation-btn').click(function(event){
                event.preventDefault();
                if ($('#resbox-reservation-btn').hasClass('reservation-btn')||in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {

                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas))
                        {
                                $('.pathe-more-info').show();
                                $('.overlay').show();
                        }
                        else
                        {
                                if($('.reservation-select[name="movie"]').val() != 0 && $('.reservation-select[name="city"]').val() != 0 && $('.reservation-select[name="cinema"]').val() != 0 && $('.reservation-select[name="date"]').val() != 0)
                                {
                                        $('.resbox-ticket-type').val('reserveren');
                                        $('#resbox-form').attr('action', url_base +'reserveren');
                                        $('#resbox-form').submit();
                                }
                                else
                                {
                                        $('.tooltip').remove();
                                        var offset = $(this).offset();
                                        $('body').append('<div class="tooltip" style="width: 230px; left: '+ (offset.left + 10) +'px; top: '+ (offset.top - 45) +'px; ">Gebruik de bovenstaande velden<br /> om een reservering te maken<div style="cursor: pointer; position: absolute; top: 5px; right: 5px;"><img class="remove-tooltip" src="'+url_base+'resources/img/buttons/close.jpg" /></div></div>');
                                }
                        }
                }
	});

	$('.remove-tooltip').live('click', function(event){
		if(event.button === 0) {
			$('.tooltip').remove();
		}
	})
	$('.cinema_agenda').children(':header').css('cursor', 'pointer');

	$('.cinema_agenda').children('table').hide();
	$('#cinema').show();
	$('.cinema_agenda').children(':header').click(function(event){
		$('.cinema_agenda').children('table').hide();
		$(this).next().toggle();
	});

	$('.reservation-select[name="movie"]').focus(function(){
		$('.tooltip').remove();
	});
	$('.reservation-select[name="city"]').focus(function(){
		$('.tooltip').remove();
	});

	if($('.reservation-select[name="movie"]').val() != 0)
	{
		var selected_movie = $('.reservation-select[name="movie"]').val();

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cities/'+ $('.reservation-select[name="movie"]').val(),
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="city"]').empty();
				$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
				$('.reservation-select[name="city"]').append(str);
			}
		});
	}

	if($('.reservation-select[name="city"]').val() != 0)
	{
		var selected_city = $('.reservation-select[name="city"]').val();

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinemas/'+ selected_city +'/0',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="cinema"]').empty();
				$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
				$('.reservation-select[name="cinema"]').append(str);
				$('.reservation-select[name="cinema"]').attr('disabled', '');
				$('.reservation-select[name="cinema"]').css('opacity', 1);
			}
		});
		$('#city-all').removeClass('hidden');
		$('#city-all').css('cursor', 'pointer');
	}

	$('.ticket-choice .right table input').keyup(function(){
		var active = $(this).attr('class');
		$('.ticket-choice .right table input:not(.'+ active +')').val('');
		$('.ticket-choice').css('opacity', 1);
		$('.ticket-choice:not(#'+ active +')').css('opacity', '0.5');
		$('.ticket-choice .left .ticket-choice-title').css('color', '#fff');
		$('.ticket-choice .left .ticket-choice-title').css('background-color', '#9169AF');
		$('.ticket-choice:not(#'+ active +') .left .ticket-choice-title').css('color', '#666');
		$('.ticket-choice:not(#'+ active +') .left .ticket-choice-title').css('background-color', '#bbb');
		if($(this).val() == '')
		{
			if($(this).parents('table').children('tbody > tr:first > td:eq(1) > input').val() == '' && $(this).parents('table').children('tbody > tr:eq(1) > td:eq(1) > input').val() == ''  && $('.telephone').val() == '')
			{
				$('.ticket-choice').css('opacity', 1);
				$('.ticket-choice .left .ticket-choice-title').css('color', '#666');
				$('.ticket-choice .left .ticket-choice-title').css('background-color', '#bbb');
			}
		}
	});

	$('.bank').change(function(){
		if($(this).val() == 0)
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#account').css('opacity', 1);
			$('#account .left .ticket-choice-title').css('color', '#fff');
			$('#account .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('.sms').change(function(){
		if($(this).val() == 0)
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#sms').css('opacity', 1);
			$('#sms .left .ticket-choice-title').css('color', '#fff');
			$('#sms .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('.credittype').change(function(){
		$('.bank').children(':first').attr('selected', 'selected');
		if($(this).val() == 0)
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#sms').css('opacity', 1);
			$('#sms .left .ticket-choice-title').css('color', '#fff');
			$('#sms .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('input[name="code"]').keyup(function(){
		type = $('input[name="type"]').val();
		expiration = $('input[name="expiration"]').val();
		number = $('input[name="number"]').val();
		code = $('input[name="code"]').val();

		if(typeof(type) == 'undefined' && expiration == '' && number == '' && code == '')
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#sms').css('opacity', 1);
			$('#sms .left .ticket-choice-title').css('color', '#fff');
			$('#sms .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('input[name="expiration"]').keyup(function(){
		type = $('input[name="type"]').val();
		expiration = $('input[name="expiration"]').val();
		number = $('input[name="number"]').val();
		code = $('input[name="code"]').val();

		if(typeof(type) == 'undefined' && expiration == '' && number == '' && code == '')
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#sms').css('opacity', 1);
			$('#sms .left .ticket-choice-title').css('color', '#fff');
			$('#sms .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('input[name="number"]').keyup(function(){
		type = $('input[name="type"]').val();
		expiration = $('input[name="expiration"]').val();
		number = $('input[name="number"]').val();
		code = $('input[name="code"]').val();

		if(typeof(type) == 'undefined' && expiration == '' && number == '' && code == '')
		{
			$('.ticket-choice').css('opacity', 1);
			$('.ticket-choice-title').css('color', '#666');
			$('.ticket-choice-title').css('background-color', '#bbb');
		}
		else
		{
			$('.ticket-choice').css('opacity', '0.5');
			$('#sms').css('opacity', 1);
			$('#sms .left .ticket-choice-title').css('color', '#fff');
			$('#sms .left .ticket-choice-title').css('background-color', '#9169AF');
		}
	});

	$('.close_nores').click(function(){
		$('#resbox-buy-btn').show();
		$('#resbox-reset-btn').show();
		$('#resbox-reservation-btn').show();
		$('.reservation-type-information').hide();
		$('.reservation-type-information-belbios').hide();
		$('.reservation-box-part:eq(4)').show();
		$('.reservation-box-part:last').css('margin-top', '0px');
		$('.reservation-select[name="date"]').empty();
		$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
		$('.reservation-select[name="date"]').attr('disabled', 'disabled');
		$('.reservation-select[name="date"]').css('opacity', '0.5');
		$('.reservation-select[name="total_tickets"]').empty();
		$('.reservation-select[name="total_tickets"]').append('<option value="1">1</option>');
		$('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
		$('.reservation-select[name="total_tickets"]').css('opacity', '0.5');
		$('.reservation-select[name="cinema"]').empty();
		$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
		$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
		$('.reservation-select[name="cinema"]').css('opacity', '0.5');
		$('#cinema-all').addClass('hidden');
		$('#city-all').addClass('hidden');
		$('#cinema-info').addClass('hidden');
		$('#movie-info').addClass('hidden');
		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinemas',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
				}
				$('.reservation-select[name="cinema"]').empty();
				$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
				$('.reservation-select[name="cinema"]').append(str);
				$('.reservation-select[name="cinema"]').children('option[value="0"]').attr('selected', 'selected');
			}
		});
		$.ajax({
			type: 'get',
			url: url_base +'ajax/movies',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
				}
				$('.reservation-select[name="movie"]').empty();
				$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
				$('.reservation-select[name="movie"]').append(str);
				$('.reservation-select[name="movie"]').children('option[value="0"]').attr('selected', 'selected');
			}
		});
		$.ajax({
			type: 'get',
			url: url_base +'ajax/cities',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="city"]').empty();
				$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
				$('.reservation-select[name="city"]').append(str);
				$('.reservation-select[name="city"]').children('option[value="0"]').attr('selected', 'selected');
			}
		});
	});

	$('.contact h2').css('cursor', 'pointer');

	$('.contact h2').live('click', function(event){
		if(event.button === 0) {
			id = $(this).attr('id');
			$('.particulier').slideUp();
			$('.zakelijk').slideUp();
			$('.'+id).slideDown();
		}
	});

	$('.reservation-select[name="date"]').change(function(){
		var selected_cinema = $('.reservation-select[name="cinema"]').children(':selected').val();
		var selected_movie = $('.reservation-select[name="movie"]').children(':selected').val();
		var selected_timestamp = $(this).children(':selected').val();

		$.ajax({
			type: 'get',
			url: url_base +'ajax/total_tickets/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_timestamp,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=1;(i<=json[0].max_res || i<=json[0].max_sale);i++)
				{
					str += '<option value="'+ i +'">'+ i +'</option>';
				}

				$('.reservation-select[name="total_tickets"]').empty();
				$('.reservation-select[name="total_tickets"]').append(str);
				$('.reservation-select[name="total_tickets"]').attr('disabled', '');
				$('.reservation-select[name="total_tickets"]').css('opacity', 1);
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/performance_type/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_timestamp,
			dataType: 'json',
			success: function(json){
				$('.resbox-performance-type').val(json[0].type);
				if(json[0].type == 'R' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-buy-btn').hide();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn-inactive');
					$('#resbox-buy-btn').removeClass('reservation-btn');
					// $('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-reservation-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'S' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-buy-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					// $('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'L' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					//$('#resbox-reservation-btn').hide();
					//$('#resbox-reservation-btn').show();
					$('#resbox-reservation-btn').addClass('reservation-btn-inactive');
					$('#resbox-reservation-btn').removeClass('reservation-btn');
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					// $('#resbox-buy-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'I' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					$('#resbox-reservation-btn').hide();
					$('#resbox-reset-btn').hide();
					$('#resbox-buy-btn').hide();
					$('.reservation-box-part:eq(4)').hide();
					$('.reservation-box-part:last').css('margin-top', '5px');
					$('.reservation-type-information').fadeIn();
				}
			}
		});

	});

	$('.reservation-select[name="movie"]').change(function(){
		$('#resbox-buy-btn').show();
		$('#resbox-reservation-btn').show();
		$('.reservation-type-information').hide();
		$('.reservation-type-information-belbios').hide();
                $('#resbox-reset-btn').show();
		$('.reservation-box-part:eq(4)').show();
		$('.reservation-box-part:last').css('margin-top', '0px');

		var movie = $('.reservation-select[name="movie"]').children(':selected').val();
		$.ajax({
			type: 'GET',
			dataType: 'text',
			url: url_base + 'ajax/movieinfo/' + movie,
			success: function(data){
				var film = data;
				if(film == 'info')
				{
					$('#movie-info').removeClass('hidden');
					$('#movie-info').css('cursor', 'pointer');
				}
				else
				{
					$('#movie-info').addClass('hidden');
				}
			}
		});


		var element = $(this);
		var selected_city = $('.reservation-select[name="city"]').children(':selected').val();
		var selected_cinema = $('.reservation-select[name="cinema"]').children(':selected').val();

		if(element.val() == 0)
		{
			$('.reservation-select[name="date"]').empty();
			$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
			$('.reservation-select[name="date"]').attr('disabled', 'disabled');
			$('.reservation-select[name="date"]').css('opacity', '0.5');
		}

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cities/'+ $(this).val(),
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="city"]').empty();
				$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
				$('.reservation-select[name="city"]').append(str);
				$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');

				if(selected_cinema == 0)
				{
					$('.reservation-select[name="date"]').empty();
					$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
					$('.reservation-select[name="date"]').attr('disabled', 'disabled');
					$('.reservation-select[name="date"]').css('opacity', '0.5');
				}
				else
				{
					$.ajax({
						type: 'get',
						url: url_base +'ajax/dates/'+ selected_cinema +'/'+element.val(),
						dataType: 'json',
						success: function(json){
							var str = '';
							for(i=0;i<json.length;i++)
							{
								if(json[i].time == '00:00'){
									time = '24:00';
								}
								else {
									time = json[i].time;
								}
								str += '<option value="'+ json[i].timestamp +'">'+ ucfirst(json[i].date) +' om '+ time +'</option>';
							}

							if(element.val() != 0)
							{
								$('.reservation-select[name="date"]').empty();
								$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
								$('.reservation-select[name="date"]').append(str);
								$('.reservation-select[name="date"]').attr('disabled', '');
								$('.reservation-select[name="date"]').css('opacity', 1);
							}
						}
					});
				}

				if(selected_city == 0)
				{
					$('.reservation-select[name="cinema"]').empty();
					$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
					$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
					$('.reservation-select[name="cinema"]').css('opacity', '0.5');
				}
				else
				{
					$.ajax({
						type: 'get',
						url: url_base +'ajax/cinemas/'+ selected_city +'/'+element.val(),
						dataType: 'json',
						success: function(json){
							var str = '';
							for(i=0;i<json.length;i++)
							{
								str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
							}

							$('.reservation-select[name="cinema"]').empty();
							$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
							$('.reservation-select[name="cinema"]').append(str);
							$('.reservation-select[name="cinema"]').attr('disabled', '');
							$('.reservation-select[name="cinema"]').css('opacity', 1);
							$('.reservation-select[name="cinema"]').children('option[value="'+ selected_cinema +'"]').attr('selected', 'selected');
							$('.reservation-select[name="cinema"]').children('option[value="'+ selected_cinema +'"]').attr('selected', 'selected');
						}
					});
				}
			}
		});
	});

	$('.reservation-select[name="city"]').change(function(){
		$('#resbox-buy-btn').show();
		$('#resbox-reservation-btn').show();
		$('.reservation-type-information').hide();
		$('.reservation-type-information-belbios').hide();
                $('#resbox-reset-btn').show();
		$('.reservation-box-part:eq(4)').show();
		$('.reservation-box-part:last').css('margin-top', '0px');
		$('#city-all').removeClass('hidden');
		$('#city-all').css('cursor', 'pointer');

		var element = $(this);
		var selected_movie = $('.reservation-select[name="movie"]').children(':selected').val();

		$.ajax({
			type: 'get',
			url: url_base +'ajax/movies/'+ element.val(),
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
				}
				var selected_movie = $('.reservation-select[name="movie"]').children(':selected').val();
				$('.reservation-select[name="movie"]').empty();
				$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
				$('.reservation-select[name="movie"]').append(str);
				$('.reservation-select[name="movie"]').children('option[value="'+ selected_movie +'"]').attr('selected', 'selected');
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinemas/'+ element.val() +'/'+ selected_movie,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}
				$('.reservation-select[name="cinema"]').empty();
				$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
				$('.reservation-select[name="cinema"]').append(str);
				$('.reservation-select[name="cinema"]').attr('disabled', '');
				$('.reservation-select[name="cinema"]').css('opacity', 1);

				if(element.val() == 0)
				{
					$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
					$('.reservation-select[name="cinema"]').css('opacity', '0.5');
					$('#cinema-all').addClass('hidden');
					$('#city-all').addClass('hidden');
					$('#cinema-info').addClass('hidden');
					$('#movie-info').addClass('hidden');
				}

				$('.reservation-select[name="date"]').empty();
				$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
				$('.reservation-select[name="date"]').attr('disabled', 'disabled');
				$('.reservation-select[name="date"]').css('opacity', '0.5');
			}
		});
	});

	$('.agenda_time-button').live('click', function(){
		var scrollbar = ($.getScrollbarWidth() - 1) / 2;
		$('body').css('overflow', 'hidden');
		$('body').css('margin-left', '-'+ scrollbar +'px');
		$('.overlay').show();
		$('.register-bg').show();
		$('#right-reservation').css('z-index', '1500');
		$('#right-reservation').css('position', 'fixed');
		$('#right-reservation').css('left', '50%');
		$('#right-reservation').css('top', '50%');
		$('#right-reservation').css('margin-left', '-177px');
		$('#right-reservation').css('margin-top', '-112.5px');

		var selected_movie = $(this).parents('tr').children(':first').attr('class');
		var selected_city = $('#city-bbid').val();
		var selected_cinema = $(this).parents('.cinema_agenda').children('table').attr('class');
		var selected_date = $(this).attr('id');

		$('.reservation-select[name="movie"]').children('option[value="'+ selected_movie +'"]').attr('selected', 'selected');
		$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');

		$('#city-all').removeClass('hidden');
		$('#city-all').css('cursor', 'pointer');

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinemas/'+ selected_city +'/0',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="cinema"]').empty();
				$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
				$('.reservation-select[name="cinema"]').append(str);
				$('.reservation-select[name="cinema"]').attr('disabled', '');
				$('.reservation-select[name="cinema"]').css('opacity', 1);
				$('.reservation-select[name="cinema"]').children('option[value="'+ selected_cinema +'"]').attr('selected', 'selected');
			}
		});

		$('#cinema-all').removeClass('hidden');
		$('#cinema-all').css('cursor', 'pointer');
		$('#cinema-info').removeClass('hidden');
		$('#cinema-info').css('cursor', 'pointer');

		$.ajax({
			type: 'get',
			url: url_base +'ajax/dates/'+ selected_cinema +'/'+selected_movie,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					if(json[i].time == '00:00'){
						time = '24:00';
					}
					else {
						time = json[i].time;
					}
					str += '<option value="'+ json[i].timestamp +'">'+ ucfirst(json[i].date) +' om '+ time +'</option>';
				}

				if(selected_movie != 0)
				{
					$('.reservation-select[name="date"]').empty();
					$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
					$('.reservation-select[name="date"]').append(str);
					$('.reservation-select[name="date"]').attr('disabled', '');
					$('.reservation-select[name="date"]').css('opacity', 1);
					$('.reservation-select[name="date"]').children('option[value="'+ selected_date +'"]').attr('selected', 'selected');
				}
				else
				{
					$.ajax({
						type: 'get',
						url: url_base +'ajax/movies/'+ selected_city +'/'+ selected_cinema,
						dataType: 'json',
						success: function(json){
							var str = '';
							for(i=0;i<json.length;i++)
							{
								str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
							}

							$('.reservation-select[name="movie"]').empty();
							$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
							$('.reservation-select[name="movie"]').append(str);
						}
					});
				}
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/total_tickets/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_date,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=1;(i<=json[0].max_res || i<=json[0].max_sale);i++)
				{
					str += '<option value="'+ i +'">'+ i +'</option>';
				}

				$('.reservation-select[name="total_tickets"]').empty();
				$('.reservation-select[name="total_tickets"]').append(str);
				$('.reservation-select[name="total_tickets"]').attr('disabled', '');
				$('.reservation-select[name="total_tickets"]').css('opacity', 1);
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/performance_type/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_date,
			dataType: 'json',
			success: function(json){
				$('.resbox-performance-type').val(json[0].type);
				if(json[0].type == 'R' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-buy-btn').hide();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn-inactive');
					$('#resbox-buy-btn').removeClass('reservation-btn');
					// $('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-reservation-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn-inactive');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'S' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-buy-btn').show();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					// $('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-reservation-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn-inactive');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'L' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-reservation-btn').hide();
					$('#resbox-reservation-btn').hide();
					$('#resbox-reservation-btn').addClass('reservation-btn-inactive');
					$('#resbox-reservation-btn').removeClass('reservation-btn');
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					// $('#resbox-buy-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'I' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					$('#resbox-reservation-btn').hide();
					$('#resbox-reset-btn').hide();
					$('#resbox-buy-btn').hide();
					$('.reservation-box-part:eq(4)').hide();
					$('.reservation-box-part:last').css('margin-top', '5px');
					$('.reservation-type-information').fadeIn();
				}
			}
		});

	});

	$('.agenda_mov-button').live('click', function(){
		var scrollbar = ($.getScrollbarWidth() - 1) / 2;
		$('body').css('overflow', 'hidden');
		$('body').css('margin-left', '-'+ scrollbar +'px');
		$('.overlay').show();
		$('.register-bg').show();
		$('#right-reservation').css('z-index', '1500');
		$('#right-reservation').css('position', 'fixed');
		$('#right-reservation').css('left', '50%');
		$('#right-reservation').css('top', '50%');
		$('#right-reservation').css('margin-left', '-177px');
		$('#right-reservation').css('margin-top', '-112.5px');

		var selected_movie = $(this).parents('.cinema_agenda').children('table').attr('class');
		var selected_city = $('#city-bbid').val();
		var selected_cinema = $(this).parents('tr').children(':first').attr('class');
		var selected_date = $(this).attr('id');

		$('.reservation-select[name="movie"]').children('option[value="'+ selected_movie +'"]').attr('selected', 'selected');
		$('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');

		$('#city-all').removeClass('hidden');
		$('#city-all').css('cursor', 'pointer');

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinemas/'+ selected_city +'/0',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="cinema"]').empty();
				$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
				$('.reservation-select[name="cinema"]').append(str);
				$('.reservation-select[name="cinema"]').attr('disabled', '');
				$('.reservation-select[name="cinema"]').css('opacity', 1);
				$('.reservation-select[name="cinema"]').children('option[value="'+ selected_cinema +'"]').attr('selected', 'selected');
			}
		});

		$('#cinema-all').removeClass('hidden');
		$('#cinema-all').css('cursor', 'pointer');
		$('#cinema-info').removeClass('hidden');
		$('#cinema-info').css('cursor', 'pointer');

		$.ajax({
			type: 'get',
			url: url_base +'ajax/dates/'+ selected_cinema +'/'+selected_movie,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					if(json[i].time == '00:00'){
						time = '24:00';
					}
					else {
						time = json[i].time;
					}
					str += '<option value="'+ json[i].timestamp +'">'+ ucfirst(json[i].date) +' om '+ time +'</option>';
				}

				if(selected_movie != 0)
				{
					$('.reservation-select[name="date"]').empty();
					$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
					$('.reservation-select[name="date"]').append(str);
					$('.reservation-select[name="date"]').attr('disabled', '');
					$('.reservation-select[name="date"]').css('opacity', 1);
					$('.reservation-select[name="date"]').children('option[value="'+ selected_date +'"]').attr('selected', 'selected');
				}
				else
				{
					$.ajax({
						type: 'get',
						url: url_base +'ajax/movies/'+ selected_city +'/'+ selected_cinema,
						dataType: 'json',
						success: function(json){
							var str = '';
							for(i=0;i<json.length;i++)
							{
								str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
							}

							$('.reservation-select[name="movie"]').empty();
							$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
							$('.reservation-select[name="movie"]').append(str);
						}
					});
				}
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/total_tickets/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_date,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=1;(i<=json[0].max_res || i<=json[0].max_sale);i++)
				{
					str += '<option value="'+ i +'">'+ i +'</option>';
				}

				$('.reservation-select[name="total_tickets"]').empty();
				$('.reservation-select[name="total_tickets"]').append(str);
				$('.reservation-select[name="total_tickets"]').attr('disabled', '');
				$('.reservation-select[name="total_tickets"]').css('opacity', 1);
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/performance_type/'+ selected_cinema +'/'+ selected_movie +'/'+ selected_date,
			dataType: 'json',
			success: function(json){
				$('.resbox-performance-type').val(json[0].type);
				if(json[0].type == 'R' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-buy-btn').hide();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn-inactive');
					$('#resbox-buy-btn').removeClass('reservation-btn');
					// $('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-reservation-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'S' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					$('#resbox-reservation-btn').show();
                                        $('#resbox-reset-btn').show();
                                        if(in_array($('.reservation-select[name="cinema"]').val(), pathe_cinemas)) {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        } else {
                                                $('#resbox-reservation-btn').addClass('reservation-btn');
                                                $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
                                        }
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'L' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					// $('#resbox-reservation-btn').hide();
					$('#resbox-reservation-btn').show();
					$('#resbox-reservation-btn').addClass('reservation-btn-inactive');
					$('#resbox-reservation-btn').removeClass('reservation-btn');
					$('.reservation-type-information').hide();
					$('.reservation-type-information-belbios').hide();
					// $('#resbox-buy-btn').show();
                                        $('#resbox-reset-btn').show();
					$('#resbox-buy-btn').show();
					$('#resbox-buy-btn').addClass('reservation-btn');
					$('#resbox-buy-btn').removeClass('reservation-btn-inactive');
					$('.reservation-box-part:eq(4)').show();
					$('.reservation-box-part:last').css('margin-top', '0px');
				}
				if(json[0].type == 'I' && $('.reservation-type-information-belbios').is(':hidden'))
				{
					$('#resbox-reservation-btn').hide();
					$('#resbox-reset-btn').hide();
					$('#resbox-buy-btn').hide();
					$('.reservation-box-part:eq(4)').hide();
					$('.reservation-box-part:last').css('margin-top', '5px');
					$('.reservation-type-information').fadeIn();
				}
			}
		});

	});

	$('.ticket-check-sms').click(function(event){
		event.preventDefault();
		var str = $('input[name="mobile"]').val();
		if(str.match(/^(06[0-9]{8})$/)) {
			$('#choice-form').submit();
		}
		else {
			alert('Fout mobiel nummer.');
		}
	});

 	$('.ticket-check-user').click(function(event){
		event.preventDefault();
		var username = $('input[name="username"]').val();
		var password = $('input[name="password"]').val();
		if(username != '' && password != '') {
			$('#choice-form').submit();
		}
		else {
			alert('Je gebruikersnaam en/of wachwoord is niet ingevuld.');
		}
	});

	$('.ticket-check-phone').click(function(event){
		event.preventDefault();
		var phone = $('input[name="telephone"]').val();
		var email = $('input[name="email"]').val();
		if(phone.match(/^0[0-9]{9}$/) && email.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b/)) {
			$('#choice-form').submit();
		}
		else {
			alert('Fout telefoonnummer en/of email');
		}
	});


	$('.reservation-select[name="cinema"]').change(function(){
		$('#resbox-buy-btn').show();
		$('#resbox-reservation-btn').show();
		$('.reservation-type-information').hide();
		$('.reservation-type-information-belbios').hide();
                $('#resbox-reset-btn').show();
		$('.reservation-box-part:eq(4)').show();
		$('.reservation-box-part:last').css('margin-top', '0px');
		$('#cinema-all').removeClass('hidden');
		$('#cinema-all').css('cursor', 'pointer');
		$('#cinema-info').removeClass('hidden');
		$('#cinema-info').css('cursor', 'pointer');

		var element = $(this);
		var selected_movie = $('.reservation-select[name="movie"]').children(':selected').val();
		var selected_city = $('.reservation-select[name="city"]').children(':selected').val();
		var cinema_type = element.val();

		$.ajax({
			type: 'get',
			url: url_base +'ajax/cinema_type/'+cinema_type,
			dataType: 'text',
			success: function(text){
				if(text == '1')
				{
					$('#resbox-reservation-btn').hide();
					$('#resbox-reset-btn').hide();
					$('#resbox-buy-btn').hide();
					$('.reservation-box-part:eq(4)').hide();
					$('.reservation-box-part:last').css('margin-top', '5px');
					$('.reservation-type-information-belbios').fadeIn();
                                        $('#cin-link').html('Kies een andere bioscoop of bekijk de <a href="/bioscopen/agenda/'+element.val()+'">bioscoopagenda.</a>');
					$.ajax({
						type: 'get',
						url: url_base +'ajax/count_cinema/'+ element.val()
					});
				}
			}
		});

		$.ajax({
			type: 'get',
			url: url_base +'ajax/dates/'+ element.val() +'/'+selected_movie,
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					if(json[i].time == '00:00'){
						time = '24:00';
					}
					else {
						time = json[i].time;
					}
					str += '<option value="'+ json[i].timestamp +'">'+ ucfirst(json[i].date) +' om '+ time +'</option>';
				}

				if(selected_movie != 0)
				{
					$('.reservation-select[name="date"]').empty();
					$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
					$('.reservation-select[name="date"]').append(str);
					$('.reservation-select[name="date"]').attr('disabled', '');
					$('.reservation-select[name="date"]').css('opacity', 1);
				}
				else
				{
					$.ajax({
						type: 'get',
						url: url_base +'ajax/movies/'+ selected_city +'/'+ element.val(),
						dataType: 'json',
						success: function(json){
							var str = '';
							for(i=0;i<json.length;i++)
							{
								str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
							}

							$('.reservation-select[name="movie"]').empty();
							$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
							$('.reservation-select[name="movie"]').append(str);
						}
					});
				}

				if(element.val() == 0)
				{
					$('.reservation-select[name="date"]').attr('disabled', 'disabled');
					$('.reservation-select[name="date"]').css('opacity', '0.5');
					$('#cinema-all').addClass('hidden');
				}
			}
		});
	});

	$('#city-all').live('mouseover', function(){
		//title = $('.reservation-select[name="city"]').children(':selected').text();

		var offset = $(this).offset();
		var content = '<p>Toon agenda voor deze stad.</p>';

		$('body').append('<div class="tooltip" style=" width: 230px; left: '+ (offset.left -200) +'px; top: '+ (offset.top + 25) +'px; ">'+ content +'</div>');
	});

	$('#city-all').live('mouseout', function(){
		$('.tooltip').remove();
		$(this).attr('title', title);
	});

	$('#city-all').live('click', function(event){
			window.location = url_base +'agenda/citymovie/'+ $('.reservation-select[name="city"]').val();
	});

	$('#cinema-all').live('mouseover', function(){
		//title = $('.reservation-select[name="cinema"]').children(':selected').text();

		var offset = $(this).offset();
		var content = '<p>Toon agenda voor deze bioscoop.</p>';

		$('body').append('<div class="tooltip" style="width: 230px; left: '+ (offset.left - 200) +'px; top: '+ (offset.top + 25) +'px; ">'+ content +'</div>');
	});

	$('#cinema-all').live('mouseout', function(){
		$('.tooltip').remove();
		$(this).attr('title', title);
	});

	$('#cinema-all').live('click', function(event){
		window.location = url_base +'bioscopen/agenda/'+ $('.reservation-select[name="cinema"]').val();
	});

	$('#cinema-info').live('mouseover', function(){
		//title = $('.reservation-select[name="city"]').children(':selected').text();

		var offset = $(this).offset();
		var content = '<p>Toon info voor deze bioscoop.</p>';

		$('body').append('<div class="tooltip" style=" width: 210px; left: '+ (offset.left -200) +'px; top: '+ (offset.top + 25) +'px; ">'+ content +'</div>');
	});

	$('#cinema-info').live('mouseout', function(){
		$('.tooltip').remove();
		$(this).attr('title', title);
	});

	$('#cinema-info').live('click', function(event){
		var city = $('.reservation-select[name="city"]').children(':selected').text();
		var cinema = $('.reservation-select[name="cinema"]').children(':selected').text();

		$.ajax({
			type: 'GET',
			dataType: 'text',
			url: url_base + 'ajax/urltitle/' + city.replace("/", ""),
			success: function(data){
				var stad = data;

				$.ajax({
					type: 'GET',
					dataType: 'text',
					url: url_base + 'ajax/urltitle/' + cinema,
					success: function(data){
						var bios = data;
						window.location = url_base +'bioscopen/item/'+ stad +'/'+ bios;
					}
				});
			}
		});
	});

	$('#movie-info').live('mouseover', function(){
		//title = $('.reservation-select[name="city"]').children(':selected').text();

		var offset = $(this).offset();
		var content = '<p>Toon info voor deze film.</p>';

		$('body').append('<div class="tooltip" style=" width: 210px; left: '+ (offset.left -200) +'px; top: '+ (offset.top + 25) +'px; ">'+ content +'</div>');
	});

	$('#movie-info').live('mouseout', function(){
		$('.tooltip').remove();
		$(this).attr('title', title);
	});

	$('#movie-info').live('click', function(event){
		var movie = $('.reservation-select[name="movie"]').children(':selected').text();

		$.ajax({
			type: 'GET',
			dataType: 'text',
			url: url_base + 'ajax/urltitle/' + movie +'/true',
			success: function(data){
				var film = data;
				window.location = url_base +'bioscoopfilms/index/'+ film;
			}
		});
	});

	if($.browser.msie || $.browser.opera || $.browser.safari)
	{
		$('select.city-search > .optgroup:first').removeAttr('class').css('padding-left', 0);

		$('.optgroup').each(function(i, element){
			if(i == 0)
			{
				$(element).after('<optgroup label="Drenthe">').remove();
			}
			else
			{
				$(element).after('<optgroup label="'+ ucfirst($(element).val()) +'">').remove();
			}
		});
	}

	$('#postalcode_num').keyup(function(){
		var charLength = $(this).val().length;
		if(charLength == 4)
		{
			$('#postalcode_lt').focus();
		}
	});


	$('#login-submit-button').click(function(event){
		event.preventDefault();
		var username = $('input[name="username"]').val();
		var password = $('input[name="password"]').val();
		if(username != '' && password != '') {
			$.ajax({
				type: 'GET',
				url: url_base +'ajax/verifyuser/'+ username +'/'+ password,
				success: function(data) {
					if(data == 'ERROR')
					{
						alert('Je gegevens zijn niet correct, probeer het nog eens...');
					}
					else
					{
						$('#submitform').submit();
					}
				}
			});

		}
		else {
			alert('Je gebruikersnaam en/of wachwoord is niet ingevuld.');
		}
	})




});

function verify_ticket(id)
{
	var param_array = new Object();

	$('input[type="hidden"]').each(function(i, element){
			param_array[$(element).attr('name')] = $(element).val();
	});

	param_array['ticket_id'] = id;

	$.ajax({
		type: 'post',
		url: url_base +'ajax/verify',
		data: param_array,
		success: function(msg){
			var result = msg.split('|');

			if(result[1] == 'HOLD')
			{
				verify_ticket(id);
			}
			if(result[1] == 'ERROR')
			{
				$('.ticket-confirm-text').html('<img src="'+ url_base +'resources/img/other/cross.png" width="32" height="32" class="left" /><p style="padding: 7px 0px 0px 50px;">Er is iets misgegaan, probeer het later nog eens...</p><div style="padding: 20px; font-size: smaller; color: #333;"><img src="/resources/img/icons/information.png"/> <div>Heb je zojuist een reservering geplaatst? Dan kan het zijn dat deze nog bevestigd moet worden. Bevestig de vorige reservering of wacht 10 minuten tot deze automatisch verloopt. </div></div><div class="clear"></div>');
				$('.ticket-confirm-text').show();
				$('.ticket-back-btn').show();
				$('.ticket-done-btn').hide();
				$('li.active').css('opacity', '0.5');
				$('li.active').css('background-color', 'transparent');
				$('li.active').css('color', '#666');
				$('li.active > img').attr('src', url_base +'resources/img/other/ticket-3.png');
				$('#reserveren > h2.small-title').text('Oeps!');
			}
			if(result[1] == 'OK')
			{
				switch(param_array.method)
				{
					case 'account':
						$('#reserveren > h2.small-title').text('De reservering is gelukt.');
						message = 'Je ontvangt binnen enkele seconden een SMS bericht met je reservering.';
					break;
					case 'mobile':
						message = 'SMS <b>RES</b> naar <b>5454</b> en ontvang binnen enkele seconden een SMS bericht met je reservering.<br /><br /><span style="font-size: 10px;">Let op:<br />&nbsp;&nbsp;SMS binnen 10 minuten anders komt de reservering te vervallen.<br />&nbsp;&nbsp;SMS met nummer '+ param_array['mobile'] +'.</span>';
					break;
					case 'telephone':
						message = 'Bel <b>0900-8808</b> vanaf het door jou opgegeven telefoonnummer en ontvang het reserveringsnummer per telefoon en per email.<br /><br /><span style="font-size: 10px;">Let op: Bel binnen 10 minuten anders komt de reservering te vervallen</span>.';
					break;
				}

				$('.ticket-done-btn').show();
				$('.ticket-confirm-text').html(message);
				$('.ticket-confirm-text').show();
			}
		}
	});
}

// Change functions
function bioscoop_change()
{
	var query = $('.city-search > option:selected').val();
	$('.cinema-search').val('');
	var type = $('.city-search > option:selected').attr('class') || 'normal';

	$.ajax({
		type: 'GET',
		url: url_base +'bioscopen/zoeken/'+ type +'/'+ query,
		success: function(data) {
			$('.bioscopen-lijst').empty();
			$('.bioscopen-lijst').html(data);
		},
		ajaxOptions: {
			error: function (httprequest, errortxt, errorobj) {
				$('#left-tab-spinner').empty();
				$('#left-tab-spinner').append('<p class="ajax-error">fout</p>&nbsp;<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
			}
		}
	});
}

function genre_change(element)
{
	var sid = $(element).parent().children('.movie-search').attr('id');

	$('#left-tab-spinner').empty();
	$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

        if (ajax_request!=false) ajax_request.abort();

	ajax_request = $.ajax({
		type: 'GET',
		url: url_base +'bioscoopfilms/zoeken/'+ $(element).parent().children('.search-status').val() +'/'+ $(element).val() +'/1/'+ ($(element).parent().children('.movie-search').val().length==0?'-':$(element).parent().children('.movie-search').val()) + '/' + ($('.cinema-search-2').val().length==0?'-':$('.cinema-search-2').val()) + '/' + $('.city-search').val(),
		success: function(data) {
			$('.'+ sid).empty();
			$('.'+ sid).html(data);
			$('#left-tab-spinner').empty();
		},
		ajaxOptions: {
			error: function (httprequest, errortxt, errorobj) {
				$('#left-tab-spinner').empty();
				$('#left-tab-spinner').append('<p class="ajax-error">fout</p>&nbsp;<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
			}
		}
	});
}
function city_change(element)
{
	var sid = $(element).parent().children('.movie-search').attr('id');

	$('#left-tab-spinner').empty();
	$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

        if (ajax_request!=false) ajax_request.abort();

        ajax_request = $.ajax({
            type: 'GET',
            url: url_base + 'ajax/cinemabyname/-',
            dataType: 'json',
            success: function (json) {
                var str = '';
                for(i=0;i<json.length;i++)
                {
                        str += '<option value="'+ json[i].name +'">'+ json[i].name +'</option>';
                }

                $('.cinema-search-2').empty();
                $('.cinema-search-2').append('<option selected value="">Alle</option>');
                $('.cinema-search-2').append(str);
                if ($(element).val()=='alle') {
                        $.ajax({
                            type: 'GET',
                            url: url_base + 'ajax/cities',
                            dataType: 'json',
                            success: function (json) {
                                var str = '';
                                for(i=0;i<json.length;i++)
                                {
                                        str += '<option ' + ($('.city-search').val()==json[i].name?'selected ':'') + 'value="'+ json[i].name +'">'+ json[i].name +'</option>';
                                }

                                $('.city-search').empty();
                                $('.city-search').append('<option ' + ($(element).val()==''?'selected ':'') + 'value="alle">Alle</option>');
                                $('.city-search').append(str);
                            }
                        });
                }
                $.ajax({
                        type: 'GET',
                        url: url_base +'bioscoopfilms/zoeken/'+ $('.search-status').val() +'/'+ $('.genre-search').val() +'/1/'+ ($('.movie-search').val().length==0?'-':$('.movie-search').val()) + '/' + ($('.cinema-search-2').val().length==0?'-':$('.cinema-search-2').val()) + '/' + $('.city-search').val(),
                        success: function(data) {
                                $('.'+ sid).empty();
                                $('.'+ sid).html(data);
                                $('#left-tab-spinner').empty();
                        },
                        ajaxOptions: {
                                error: function (httprequest, errortxt, errorobj) {
                                        $('#left-tab-spinner').empty();
                                        $('#left-tab-spinner').append('<p class="ajax-error">fout</p>&nbsp;<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
                                }
                        }
                });
            }
        });
        $.ajax({
                type: 'get',
                url: url_base +'ajax/cinemas/'+ $('.reservation-select[name="city"]').children('option[text="' + $(element).children('option:selected').text() + '"]').val() +'/0',
                dataType: 'json',
                success: function(json){
                        var str = '';
                        for(i=0;i<json.length;i++)
                        {
                                str += '<option value="'+ json[i].name +'">'+ json[i].name +'</option>';
                        }
                        $('.cinema-search-2').empty();
                        $('.cinema-search-2').append('<option value="" selected>Alle</option>');
                        $('.cinema-search-2').append(str);
                }
        });
}

function trailer_genre_change(element)
{
	var sid = $(element).parent().children('.trailer-search').attr('id');

	$('#left-tab-spinner').empty();
	$('#left-tab-spinner').append('<p class="ajax-loading">laden</p>&nbsp;<img src="'+ url_base +'resources/img/other/ajax-loader.gif" width="16" height="16">');

	$.ajax({
		type: 'GET',
		url: url_base +'trailers/zoeken/'+ $(element).parent().children('.search-status').val() +'/'+ $(element).val() +'/1/'+ $(element).parent().children('.trailer-search').val(),
		success: function(data) {
			$('.'+ sid).empty();
			$('.'+ sid).html(data);
			$('#left-tab-spinner').empty();
		},
		ajaxOptions: {
			error: function (httprequest, errortxt, errorobj) {
				$('#left-tab-spinner').empty();
				$('#left-tab-spinner').append('<p class="ajax-error">fout</p>&nbsp;<img src="'+ url_base +'resources/img/icons/cross.png" width="16" height="16">');
			}
		}
	});
}

function in_array(needle, haystack, argStrict) {
    var key = '', strict = !!argStrict;

    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;
            }
        }
    } else {
        for (key in haystack) {
            if (haystack[key] == needle) {
                return true;
            }
        }
    }

    return false;
}

function reset_res(){
	$.ajax({
			type: 'get',
			url: url_base +'ajax/cities',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
				}

				$('.reservation-select[name="city"]').empty();
				$('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
				$('.reservation-select[name="city"]').append(str);
			}
	});

	$.ajax({
			type: 'get',
			url: url_base +'ajax/movies',
			dataType: 'json',
			success: function(json){
				var str = '';
				for(i=0;i<json.length;i++)
				{
					str += '<option value="'+ json[i].belbios_id +'">'+ json[i].title +'</option>';
				}

				$('.reservation-select[name="movie"]').empty();
				$('.reservation-select[name="movie"]').append('<option value="0">Selecteer een film...</option>');
				$('.reservation-select[name="movie"]').append(str);
			}
	});


        $('#resbox-reservation-btn').addClass('reservation-btn');
        $('#resbox-reservation-btn').removeClass('reservation-btn-inactive');
        $('#resbox-buy-btn').addClass('reservation-btn');
        $('#resbox-buy-btn').removeClass('reservation-btn-inactive');

	$('.reservation-select[name="cinema"]').empty();
	$('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
	$('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
	$('.reservation-select[name="cinema"]').css('opacity', '0.5');

	$('.reservation-select[name="date"]').empty();
	$('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
	$('.reservation-select[name="date"]').attr('disabled', 'disabled');
	$('.reservation-select[name="date"]').css('opacity', '0.5');

	$('.reservation-select[name="total_tickets"]').empty();
	$('.reservation-select[name="total_tickets"]').append('<option value="0">1</option>');
	$('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
	$('.reservation-select[name="total_tickets"]').css('opacity', '0.5');

	$('#cinema-info').addClass('hidden');
	$('#cinema-all').addClass('hidden');
	$('#city-all').addClass('hidden');
	$('#movie-info').addClass('hidden');

	$('#resbox-reservation-btn').show();
	$('#resbox-buy-btn').show();
}

var konami = {
        input:"",
        clear:setTimeout('konami.clear_input()',2000),
        load: function(link) {
                window.document.onkeyup = function(e) {
                        konami.input+= e ? e.keyCode : event.keyCode
                        if (konami.input == "38384040373937396665") {
                                konami.code(link)
                                clearTimeout(konami.clear)
                                }
                        clearTimeout(konami.clear)
                        konami.clear = setTimeout("konami.clear_input()",2000)
                        }
        },
        code: function(link) { window.location=link },
        clear_input: function() {
                konami.input="";
                clearTimeout(konami.clear);
        }
}

pics = [{'name': 'steven', 'position': 'right'}, 
		{'name': 'arnold', 'position': 'left'}, 
		{'name': 'bruce', 'position': 'right'},
		{'name': 'sylvester', 'position': 'left'}];

konami.code = function(){
	random = pics[Math.floor(Math.random()*pics.length)];
	$('#konami').remove();
	$('body').children().fadeOut();
	$('<div id="konami">').html('<img src="http://www.belbios.nl/resources/img/other/'+ random.name +'.jpg" style="position: fixed; bottom: 0px; '+ random.position +': 0px;" />').appendTo('body').fadeIn();
	pageTracker._trackEvent("Easter Eggs", "Konami Code");
}

konami.load();
function resButton() {
    event.preventDefault();
    var scrollbar = ($.getScrollbarWidth() - 1) / 2;

    $('#resbox-buy-btn').show();
    $('#resbox-reservation-btn').show();
    $('.reservation-type-information').hide();
    $('.reservation-type-information-belbios').hide();
    $('#resbox-reset-btn').show();
    $('.reservation-box-part:eq(4)').show();
    $('.reservation-box-part:last').css('margin-top', '0px');
    $('.reservation-select[name="date"]').empty();
    $('.reservation-select[name="date"]').append('<option value="0">Selecteer een datum...</option>');
    $('.reservation-select[name="date"]').attr('disabled', 'disabled');
    $('.reservation-select[name="date"]').css('opacity', '0.5');
    $('.reservation-select[name="total_tickets"]').empty();
    $('.reservation-select[name="total_tickets"]').append('<option value="1">1</option>');
    $('.reservation-select[name="total_tickets"]').attr('disabled', 'disabled');
    $('.reservation-select[name="total_tickets"]').css('opacity', '0.5');
    $('.reservation-select[name="cinema"]').empty();
    $('.reservation-select[name="cinema"]').append('<option value="0">Selecteer een bioscoop...</option>');
    $('.reservation-select[name="cinema"]').attr('disabled', 'disabled');
    $('.reservation-select[name="cinema"]').css('opacity', '0.5');
    $('#cinema-all').addClass('hidden');
    $('#city-all').addClass('hidden');
    $('#cinema-info').addClass('hidden');
    $('#movie-info').addClass('hidden');

    $('body').css('overflow', 'hidden');
    $('body').css('margin-left', '-'+ scrollbar +'px');
    $('.overlay').show();
    $('.register-bg').show();
    $('#right-reservation').css('z-index', '1500');
    $('#right-reservation').css('position', 'fixed');
    $('#right-reservation').css('left', '50%');
    $('#right-reservation').css('top', '50%');
    $('#right-reservation').css('margin-left', '-177px');
    $('#right-reservation').css('margin-top', '-112.5px');

    var bbid = $(this).attr('rel');
    $('.reservation-select[name="movie"]').children('option[value="'+ bbid +'"]').attr('selected', 'selected');

    $.ajax({
            type: 'get',
            url: url_base +'ajax/cities/'+ bbid,
            dataType: 'json',
            success: function(json){
                    var str = '';
                    for(i=0;i<json.length;i++)
                    {
                            str += '<option value="'+ json[i].belbios_id +'">'+ json[i].name +'</option>';
                    }

                    $('.reservation-select[name="city"]').empty();
                    $('.reservation-select[name="city"]').append('<option value="0">Selecteer een stad...</option>');
                    $('.reservation-select[name="city"]').append(str);
                    $('.reservation-select[name="city"]').children('option[value="'+ selected_city +'"]').attr('selected', 'selected');
            }
    });
}