$(document).ready(function(){
// alert('hi');
//RELEASE 0: 
  //Link this script and the jQuery library to the jquery_example.html file and analyze what this code does. 

$('body').css({'background-color': 'pink'});


//RELEASE 1:
  //Add code here to select elements of the DOM 
  var $bodyElement = $('body');

//RELEASE 2: 
  // Add code here to modify the css and html of DOM elements
$('h1').css({'color':'blue','border':'2px solid black', 'visibility':'inherit'});
$('div h1').html('Dragonflies');
//RELEASE 3: Event Listener
  // Add the code for the event listener here 
  $('img').on('mouseenter', function(e){
     e.preventDefault()
    $(this).attr('src', 'http://ardragonflies.weebly.com/uploads/2/1/3/6/21360890/6772009.png');
    
  })

   $('img').on('mouseleave', function(e){
     e.preventDefault()
    $(this).attr('src', 'http://scm-l3.technorati.com/12/12/13/73853/devbootcamp.png?t=20121213131231');
  })

//RELEASE 4 : Experiment on your own
$('img').click(function(){
  $(this).animate({
    opacity: 0.00,
    left: "+=50",
    height: 400
  }, 5000, function() {
    // Animation complete.
  });

});




})  // end of the document.ready function: do not remove or write DOM manipulation below this.