<div class="page old_fullfixed">
<article>
<header style="background-image:url(/uploads/535e4ef7ba76d.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(){
if ($('body').hasClass('concentrix')) {
return;
}
$('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><span>Marryoke at the Culloden</span></h1>
</div>
<div class="container toggleContent">
<p class="summary">The staff at the fabulous 5 Star Culloden Estate and Spa love weddings so much they jumped at the chance to film their very own Marryoke Video.</p>
<p class="byline">
</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/CUtNlHIPxmI" frameborder="0" allowfullscreen=""></iframe>
</div>
</div><!-- main-->
</article>
</div><!-- /page-->