$(document).ready(function(){

//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');
var bodyElement = $('body');

var header = $('h1');
var text = $('h2');

//RELEASE 2: 
  // Add code here to modify the css and html of DOM elements
header.css({'color': 'blue', 'border': '1px solid black'});

text.html("<p>My choort is supposed to be a kiwi but we only have this butterfly.</p>");
var imgcss = $('img').css('width');

//RELEASE 3: Event Listener
  // Add the code for the event listener here 
$('img').on('mouseover', function(e){
	e.preventDefault();
	$(this).attr('src', 'logo.png');
	$(this).animate({width: '500px', 'padding-left': '50px'});
	$(this).css({'border': '0px solid black'}).animate({'border-width':'1px'});
})

$('img').on('mouseout', function(e){
	e.preventDefault();
	$(this).css({'width': '100px'});
	$(this).attr('src', 'dbc_logo.png');
})



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