var title       =   '.modal-title',
    loader      =   '.ajax-loader',
    content     =   '.modal-content',
    dataRemote  =   'a[data-remote=true]',
    toolbar     =   'div.modal-footer',
    modal       =   '#ajax-modal';

//hides the modal and shows the ajax content
$(content).html('<div class=\'modal-header\' style=\"background-image: url(\'http://lakecinema.s3.amazonaws.com/movies/backdrops/000/000/795/normal/2dWWf6qjVU0TklCUKCUra1Yqfz3.jpg?1612658824\')\">\n<div class=\'overlay\'>\n<h3 class=\'movie-title\'>Penguin Bloom (PG)<\/h3>\n<\/div>\n<\/div>\n<div class=\'modal-body\'>\n<div class=\'movie-details clearfix\'>\n<div class=\'gr70 left\'>\n<h4>Overview<\/h4>\nWhen an unlikely ally enters the Bloom family\'s world in the form of an injured baby magpie they name Penguin, the bird’s arrival makes a profound difference in the struggling family’s life.\n<\/div>\n<div class=\'gr20 right\'>\n<h4>Director<\/h4>\n<p>Glendyn Ivin<\/p>\n<h4>Cast<\/h4>\n<li class=\'cast\'>Naomi Watts<\/li>\n<li class=\'cast\'>Andrew Lincoln<\/li>\n<li class=\'cast\'>Jacki Weaver<\/li>\n<li class=\'cast\'>Rachel House<\/li>\n<\/div>\n<\/div>\n<\/div>\n');
$(modal).modal();
//brings the loader back up + gets rid of the content when linking to another controller method etc
$(content).on('click', dataRemote, function(){
  $(content).fadeOut('slow', function() {
    $(content).empty();
    $(loader).fadeIn('slow');
  });
});