/* 
YO! okay, first we wrap all HTML related code in jQuery's "document ready" event. 
All this does is wait until your markup is loaded before firing its contents
you'll use this with pretty much everything you do in jquery
*/
//here's the DOM ready part:
$(document).ready(function(){
	//any code inside here will run when the DOM is ready!
	//now we'll turn our div of images into a slideshow:
	$('div.pics').cycle();
	/*
		DONE. you can pass in arguments into cycle() as a string if you want to change the transition, like 'blindX', 'fadeZoom', whatever. It defaults to a cross fade i think.
		keep in mind that all we did was include a javascript file that extended your jquery file with a function called ".cycle()"
		that cycle function becomes just like anything else you can do natively in jQuery, like $('...').slideDown(); or $('...').append('<a href="#">CLICK ME!</a>');
	*/
});//close DOM ready event


// oh by the way, the shorthand for domready is: $(function(){...});
//... being where you put your code.
//that means this whole file code could be a one liner. Like this:
//$(function(){  $('div.pics').cycle('fadeZoom');  });
//POW.