// Javascript document

$(document).ready(function() {
		
	// Insert the image elements in the slideshow div
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image01.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image08.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image09.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image10.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image02.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image03.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image04.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image05.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image06.jpg" width="596" height="465"/>');
	$('#slideshow').append('<img src="assets/graphics/generic/index_slideshow_image07.jpg" width="596" height="465"/>');
	
	// Run the slideshow plugin on the div
	$('#slideshow').cycle({
		fx: 'fade'
	});

});