$(document).ready(function() {
	
	/* Slideshows
	------------------------------------------------------------------------- */
	var $links = $('#slideshow ul.nav a');
	$links.first().addClass('active');
	
	var $images = $('#slideshow ul.images li');
	$images.css('display', 'none');
	$images.first().css('display', 'block').addClass('active');
	
	var links = $('#slideshow ul.nav a');
	
	var timer = function() {
	 return window.setInterval(function() {   
      var current = parseInt(links.filter("a.active").attr('href').substr(1));
  	  var next;
  	  if (current == links.length) {
  	    next = 1;
  	  } else {
  	    next = current + 1;
  	  }
  	  links.filter("a[href='#" + next.toString() + "']").click();
    }, 5000);
	};
	
	
  // Make it a slideshow
	if (links.length > 1) { window.slideshowTimer = timer(); }
	
	links.click(function() {
		var active = $images.filter('.active');
		var dom_id = 'slideshow-image-' + $(this).attr('href').substr(1);
		
		if (active.attr('id') != dom_id) {
			$links.removeClass('active')
			active.fadeOut().removeClass('active');

			var id = $(this).addClass('active').attr('href').substr(1);
			$('#' + dom_id).fadeIn().addClass('active');
		}
    
    window.clearTimeout(window.slideshowTimer);
    window.slideshowTimer = timer();
		return false;
	});
	
	
	$('.images .image img').click(function() {
	 
	  var prev = $(this).parent().prev();
	  var next = $(this).parent().next();
	  
	  if (prev.length == 1) {
	   prev_link = '<a href="#previous" class="previous">Previous</a>';
	  } else {
	   prev_link = '';
	  }
	  
	  if (next.length == 1) {
	   next_link = '<a href="#next" class="next">Next</a>';
	  } else {
	   next_link = '';
	  }
	  
	  var src = $(this).attr('src').replace('/thumbs', '');
    var mask = $('<div class="gallery-mask"><div class="gallery"><a href="#" class="close">Close</a><div class="img" style="background-image: url(' + src + ');"></div>' + prev_link + next_link + '</div></div>');
    
    mask.find('.close').click(function() {
      mask.fadeOut('fast', function() {
        mask.remove();
      });
      return false;
    });
    
    mask.find('.previous').click(function() {
      window.setTimeout(function() {
        mask.find('.close').click();
      }, 250);
      prev.find('img').click();
    });
    
    mask.find('.next').click(function() {
      window.setTimeout(function() {
        mask.find('.close').click();
      }, 250);
      next.find('img').click();
    });
    
    $('#left').before(mask);
    mask.css('display', 'none');
    mask.fadeIn('fast');
    
    mask.find('.gallery').hover(function() {
      mask.find('.previous, .next').fadeTo('fast', 1);
    }, function() {
      mask.find('.previous, .next').fadeTo('fast', 0);
    });
    mask.find('.gallery').mousemove(function() {
      mask.find('.previous, .next').fadeTo('fast', 1);
    });
    
    return false;
	});
	
	$('.weddings .masthead .image').find('.previous, .next').css('opacity', 0).click(function() {
	  var self = $(this);
	  var regex = RegExp('/-/img/events/Wedding-Gallery(..?).jpg');
	  var number = parseInt(regex.exec(self.siblings('img').attr('src'))[1]);
	  var originalNumber = number;
	  if (self.attr('href') == '#previous') {
      if (number == 1) {
        number = 23;
      } else {
        number--;
      }
	  } else {
	    if (number == 23) {
	      number = 1;
	    } else {
	      number++;
	    }
	  }
	  
	  var newSrc = self.siblings('img').attr('src').replace(originalNumber.toString(), number.toString());
	  self.siblings('img').attr('src', newSrc);
	});
	$('.weddings .masthead .image').hover(function() {
	  $(this).find('.previous, .next').fadeTo('fast', 1);
	}, function() {
	  $(this).find('.previous, .next').fadeTo('fast', 0);
	});
	
	$('.view-hidden-gallery a').click(function() {
    $(this).parent().next().find('img:first').click();
    return false;
	});
	
	if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
	  $('#connect .i').css('left', '476px');
	}
});