$('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
 
var h1Element = $('h1');

h1Element.css({'color':'green'});
h1Element.css({'border': '.2em dotted yellow'}) 
//h1Element.css({'visibility': 'hidden'})
$('.mascot h1').html('Fiery Skippers');


 
//RELEASE 3: Event Listener
  // Add the code for the event listener here 

$('img').on('mouseover', function(e) {
	//e.preventDefault() 
	$(this).attr('src', 'http://www.theultimateplaylist.com/wp-content/uploads/2012/03/willy-wonka-wilder.jpg')
	$(this).css({'border': '5px red dotted'}).animate({
	borderWidth: 5 },
	100);
	//	$(this).animate({'height': '600px'},300)

})
 
 /*$('img').on('mouseover', function(e){
 		$(this).animate

 })
*/
$('img').on('mouseout', function(f)  {
	$(this).attr('src', 'devbootcamp.png')
		$(this).css({'border': 'none'}).animate({
	borderWidth: 0 },
	100);
//	$(this).animate({'height': '300px'},300)
})
 

//RELEASE 4 : Experiment on your own
 
 

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