// JavaScript Document

<!--  initialize the slideshow when the DOM is ready -->
$(document).ready(function() {
    $('.header_sliderCon')
		.before('<div id="slider-nav">')
		.cycle({
				fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout: 10000,
				delay:  200,
				speed:  2000,
				next:   '#slider-next2',
				prev:   '#slider-prev2',
				pager:  '#slider-nav'

		});
});


$(document).ready(function() {
    $('.youth_slider ul')
		.before('<div id="slider-nav">')
		.cycle({
				fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout: 4000,
				delay:  200,
				speed:  3000,
				next:   '',
				prev:   '',
				pager:  ''

		});
});

$(document).ready(function() {
    $('.youth_slider02 ul')
		.before('<div id="slider-nav">')
		.cycle({
				fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout: 4000,
				delay:  200,
				speed:  3000,
				next:   '',
				prev:   '',
				pager:  ''

		});
});

$(document).ready(function() {
    $('.youth_slider03 ul')
		.before('<div id="slider-nav">')
		.cycle({
				fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				timeout: 4000,
				delay:  200,
				speed:  3000,
				next:   '',
				prev:   '',
				pager:  ''

		});
});