/*
How to get the element?
Writing jQuery function is relatively easy (thanks to the wonderful documentation). The key point you have to learn is how to get the exact element that you want to apply the effects.
* $("#header") = get the element with id="header"
* $("h3") = get all <h3> element
* $("div#content .photo") = get all element with class="photo" nested in the <div id="content">
* $("ul li") = get all <li> element nested in all <ul>
* $("ul li:first") = get only the first <li> element of the <ul>
*/


$(document).ready(function() {
	
	//________________________________________________________________________________________________
	// Cycle
	
	$('#S1').cycle({ 
		fx: 'fade',
		timeout: 5000, 
		speed: 1000,
		startingSlide: 0
	});

});