<div class="page fullfixed">
<article>
<header style="
background-color: #fff;
background-image:url(/uploads/565c41bb0f5db.JPG);
">
</header>
<div class="main">
<p id="toggle">
<a href="#">Hide text</a>
</p>
<script type="text/javascript">
$(document).ready(function() {
BN.registerPlugin('showHide', function(){
$('p#toggle').hide();
var postionLink = function() {
$('p#toggle').hide();
window.setTimeout(function() {
var top = ( $('.intro h1').length ) ?
~~($('.intro h1').offset().top) : 70;
var h = $('p#toggle').height();
$('p#toggle').css('top', top - h);
$('p#toggle').fadeIn('fast');
}, 1000);
};
$(window).resize(function() {
postionLink();
});
postionLink();
// $('p#toggle').show();
$('p#toggle a').bind('click', function() {
$('.toggleContent').toggle('slow', function(){
var text = ( $(this).is(':visible') ) ?
'Hide Text' :
'Show Text';
if ($(this).is(':visible')) {
$('p#toggle a').text('Hide Text')
.removeClass('hidden')
.addClass('invisible');
postionLink();
} else {
$('p#toggle a').text('Show Text')
.removeClass('invisible')
.addClass('hidden');
}
});
return false;
});
});
});
</script>
<div class="intro toggleContent">
<h1>Christmas Moments Video</h1>
</div>
<div class="container toggleContent">
<p class="summary">Christmas at Hastings Hotels is magical! A time to celebrate and enjoy, to relax and treat yourself to something special. Hastings Hotels evoke the finest festive style and hospitality, with a relaxed atmosphere that allows you to do as little or as much as you like. Whether you are looking for a traditional Christmas with exquisite food and wine, or a fun packed celebration, you will find something for everyone at our properties.</p>
<p class="byline"> </p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/pmq11IChLn8" frameborder="0" allowfullscreen=""></iframe>
</div>
</div><!-- main-->
</article>
</div><!-- /page-->