var Glue = Glue || {};

Drupal.behaviors.glue = function () {

  // Add pause button and slideshow
  $('.view-id-front_slideshow_view:not(.view-id-front_slideshow_view-processed)').each(function () {
    $('.view-id-front_slideshow_view').before('<div class="slideshow-controls"><div class="pause-button"></div></div>');
    $('.view-id-front_slideshow_view .view-content').cycle({ 
      after: addCaptionSlider,
      timeout:6000
    });
    $(this).addClass('view-id-front_slideshow_view-processed');
  });
  
  // Add pause and switch to play button
  $('.pause-button').click(function () {
    $('.view-id-front_slideshow_view .view-content').cycle('pause');
    $('.slideshow-controls').html('<div class="play-button"></div>');
    Drupal.attachBehaviors('.slideshow-controls');
  });
  
  // Add pause and switch to play button
  $('.play-button').click(function () {
    $('.view-id-front_slideshow_view .view-content').cycle('resume');
    $('.slideshow-controls').html('<div class="pause-button"></div>');
    Drupal.attachBehaviors('.slideshow-controls');
  });
  
  // Add slider for caption
  addCaptionSlider();
}


function addCaptionSlider() {
  // Make the caption the same size as image
	$('div.views-field-field-front-slideshow-caption-value').each(function(){
		$(this).css('width', $(this).siblings().find('img').width());
		$(this).parent().css('width', $(this).siblings().find('img').width());
	});
  
  // Actions for hover on and out
	$('.view-id-front_slideshow_view .views-row').hover(function(){
    $(this).children('.views-field-field-front-slideshow-caption-value').css('opacity', 0.7);
    $(this).children('.views-field-field-front-slideshow-caption-value').slideDown();
	},function(){
    $(this).children('.views-field-field-front-slideshow-caption-value').slideUp();
	});
}