// JavaScript Document

function nextImage(obj) {

	var len  = obj.length
	var curr = obj.find('.active');
	
	if (curr.is(':last-child'))
		var next = obj.children(":first-child")
	else
		var next = curr.next();
			
	curr.removeClass('active');
	next.addClass('active');
	
	curr.fadeOut('slow');
	next.fadeIn('slow');
	
	return (next.index() + 1);
}

function prevImage(obj) {

	var len  = obj.length
	var curr = obj.find('.active');
	
	if (curr.is(':first-child'))
		var prev = obj.children(":last-child")
	else
		var prev = curr.prev();
			
	curr.removeClass('active');
	prev.addClass('active');
	
	curr.fadeOut('slow');
	prev.fadeIn('slow');
	
	return (prev.index() + 1);
}

$(document).ready(function(){

	$('.toggle_details').click(function() {
		$(this).closest('.section').toggleClass('expanded');
	});
	
	$('.images').children(":first-child").addClass('active');
	$('.images').click(function(){
		var id = nextImage($(this));
		$(this).siblings('.nav').children('.image-counter').html(id);		
    });

	$('.prev-link').click(function(e){
		var id = prevImage($(this).parent().siblings().first());
		$(this).siblings('.image-counter').html(id);
	});
	
	$('.next-link').click(function(){
		var id = nextImage($(this).parent().siblings().first());
		$(this).siblings('.image-counter').html(id);
	});
	
	$('#logo').click(function() {
	  $('html, body').animate({ scrollTop: 0 }, 'fast');
	});
	
});