$(window).load(function() {
        $('.familyslider').nivoSlider({
		effect:'fade',
		directionNav:true, //Next & Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
                manualAdvance:true
	});

});

$(document).ready(function(){
        // Familymember stages.
        var locked = false;

        $('#mainstage').animate({top: 0}, 800);
        
        $('.drive').bind('click', function() {
            if (locked) {
                return;
            }

            locked = true;
            $.scrollTo('#family-member-gallery', {duration:500, offset: {top: -115}});

            $('#more-' + this.id).show();

            height = $('#family-member-gallery-main').height();
            $('#stage').animate({top: -(height+140)},300);

            $('#mainstage').animate({height: 1400},300);
        });

        $('.stage-close').bind('click', function() {
            id = this.id;
            $('#stage').animate({top: 1000},300, function() {
                locked = false;
                $('#more-' + id).hide();
            })
            $('#mainstage').animate({height: 1400},300);
        });

        // Familymember tags.
        $('.familytag').bind('click', function() {
            if ($(this).hasClass('selected')) {
                // Tag is selected.
                $(this).removeClass('selected');
                $(this).addClass('grey');
                $(this).removeClass('pink');
            } else {
                // Tag is not selected. Select it nao.
                $(this).removeClass('grey');
                $(this).addClass('selected');
                $(this).addClass('pink');
            }

            // Get all selected.
            selectedTags = '';
            $('.selected').each(function() {
                selectedTags += this.id.split('-').slice(-1) + ',';
            });

            $.post("/familymembers/getmembers", {tags: selectedTags}, function(data) {
                $('#family').html(data);
            });

            return false;
        });

        // Familymember show all link.
        $('#familytag-show-all').bind('click', function() {
            $('.familytag').removeClass('selected');
            $('.familytag').removeClass('pink');
            $('.familytag').addClass('grey');
            $.post("/familymembers/getmembers", {tags: ''}, function(data) {
                $('#family').html(data);
            });
        });

});