$(document).ready(function() {

  
  $('.log').append($('<div class="log-title">Results:</div>'));
});

jQuery.fn.log = function(message) {
  return this.each(function() {
    $context = $(this);
    while ($context.length) {
      $log = $context.find('.log');
      if ($log.length) {
        $('<div class="log-message" />').text(message).hide().appendTo($log).fadeIn();
        break;
      }
      $context = $context.parent();
    }
  });
};




$(document).ready(function() {
  $('#example-effects-show .target').hide();

  $('#example-effects-show .trigger').click(function() {
    $('#example-effects-show .target').show('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-hide .trigger').click(function() {
    $('#example-effects-hide .target').hide('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-toggle .trigger').click(function() {
    $('#example-effects-toggle .target').toggle('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-slidedown .target').hide();

  $('#example-effects-slidedown .trigger').click(function() {
    $('#example-effects-slidedown .target').slideDown('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-slideup .trigger').click(function() {
    $('#example-effects-slideup .target').slideUp('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-slidetoggle .trigger').click(function() {
    $('#example-effects-slidetoggle .target').slideToggle('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-fadein .target').hide();

  $('#example-effects-fadein .trigger').click(function() {
    $('#example-effects-fadein .target').fadeIn('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-fadeout .trigger').click(function() {
    $('#example-effects-fadeout .target').fadeOut('slow', function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-fadeto .trigger').click(function() {
    $('#example-effects-fadeto .target').fadeTo('slow', 0.5, function() {
      $(this).log('Effect complete.');
    });
  });
});

$(document).ready(function() {
  $('#example-effects-animate .target').css({
    position: 'relative'
  });

  $('#example-effects-animate .trigger').click(function() {
    $('#example-effects-animate .target')
      .animate({
        'width': 300,
        'left': 100
      }, 'slow')
      .animate({top: '-100px' }, 800)
      .animate({'opacity': 0.25}, 400)
      .fadeOut()
      .animate({top: 0, left: 0}, 600)
      .fadeIn()
      .animate({'opacity': 1.0, width: 100}, 600, function() {
         $(this).log('Effect complete.');
      });
     
  });
});