// JavaScript Document
$(document).ready(function() {
    $('.section1')
	.after('<div id="thumbs1">') 
	.cycle({ 
    fx: 'fade',
    speed: '400',
    timeout: 10000,
    sync:1,
    pause: 1,
	pager:  '#thumbs1',
	pauseOnPagerHover: 1
    });

	$('.section2')
	.after('<div id="thumbs2">') 
	.cycle({ 
    fx: 'fade',
    speed: '400',
    timeout: 10000,
    sync:1,
    pause: 1,
	pager:  '#thumbs2', 
	pauseOnPagerHover: 1
    });

	$('.section3')
	.after('<div id="thumbs3">') 
	.cycle({ 
    fx: 'fade',
    speed: '400',
    timeout: 10000,
    sync:1,
    pause: 1,
	pager:  '#thumbs3',
	pauseOnPagerHover: 1
    });

	$('.section4')
	.after('<div id="thumbs4">') 
	.cycle({ 
    fx: 'fade',
    speed: '400',
    timeout: 10000,
    sync:1,
    pause: 1,
	pager:  '#thumbs4',
	pauseOnPagerHover: 1
    });

	$('#quote')
	.cycle({ 
    fx: 'fade',
    speed: '1000',
    timeout: 5000,
	cleartypeNoBg: true

    });
});