$.fn.qtip.styles.enquiry_form = {
  width: 460,
  padding: 20,
  background: '#f0f0f0',
  color: '#6a6a6a',
  textAlign: 'left',
  border: {
     width: 5,
     color: '#bc2525'
  },
  tip: 'topRight',
  title: {
    background: '#cd5c5c',
    color: '#fff'
  }
}

$(document).ready(function()
{  
  /**
   * Set rules for enquiry form tooltip
   */
  $('#enquire_button').click(function(){return false});
  $('#enquire_button').qtip({
    content: {
      text: $('#enquiry_form'),
      title: $('#gallery > h2').text()+' enquiry form'
    },
    show: 'click',
    hide: 'unfocus',
    position: {
      corner: {target: 'bottomMiddle', tooltip: 'topRight'},
      adjust: {y: 4}
    },
    style: 'enquiry_form',
    api: { beforeShow: function(){ if (jQuery.browser.msie && jQuery.browser.version === '6.0') DD_belatedPNG.fix('input.submit'); }}
  });
  $('#contact_link').click(function(){return false});
  $('#contact_link').qtip({
    content: {
      text: $('#enquiry_form'),
      title: $('#gallery > h2').text()+' enquiry form'
    },
    show: 'click',
    hide: 'unfocus',
    position: {
      corner: {target: 'leftMiddle', tooltip: 'rightMiddle'}
    },
    style: {
      name: 'enquiry_form',
      tip: 'rightMiddle'
    },
    api: { beforeShow: function(){ if (jQuery.browser.msie && jQuery.browser.version === '6.0') DD_belatedPNG.fix('input.submit'); }}
  });
  
  /**
   * Set gallery functionality
   */
  $('#poster > img:first').addClass('active');
  $('div.thumbs > a:first').addClass('active');
  $('#poster > img:not(.active)').css({'opacity': 0});
  $('div.thumbs > a').click(function(){
    if ($(this).hasClass('active')) return false;
    else
    {
      var index = $('div.thumbs > a').index(this);
      var last_active = $('#poster > img.active');
      $('div.thumbs > a.active').removeClass('active');
      $(this).addClass('active');
      last_active.addClass('last_active').removeClass('active');
      $('#poster > img:eq('+index+')').addClass('active').animate({'opacity': 1}, 500, function(){
        last_active.removeClass('last_active').css({'opacity': 0});
      });
    }
    return false;
  });
});