$(document).ready(function(){
    
            // here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated
    		$('#frontpage-slider').aviaSlider({	blockSize: {height: 80, width:80},
    		transition: 'slide',
    		display: 'all',
            slides:".featured",
            switchMovement: true,        
    		transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']
    		});	
          
            
            
            $('#brands ul').roundabout({
				childSelector: '.moveme',
				easing: 'easeInOutBack',
				duration: 1400,
				tilt: -4
			})
			.hover(
				function() {
					// oh no, it's the cops!
					clearInterval(interval);
				},
				function() {
					// false alarm: PARTY!
					interval = startAutoPlay();
				}
			);
			
			// let's get this party started
			interval = startAutoPlay();
		
			
			function startAutoPlay() {
				return setInterval(function() {
					$('#brands ul').roundabout_animateToNextChild();
				}, 5000);
			}
            
            
});