jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("http://www.ardesign.us/wp-content/themes/shuffle/img/header_bg.png");

      $(document).ready(function() {
	$('#topmenu li a').append('<span class="hover"></span>')
	$('#topmenu .hover').css('opacity', 0);

$('#topmenu li a').hover(function() {
	
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700, 'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 500, 'easeOutExpo')
	
	})



      });
	

	
	$('.cycle').cycle({ 
    fx:    'shuffle', 
    speed:  3000,
    height: 'auto',
    speed:  1000,
    random: 1,
    timeout: 6000
 });
 $('.slides').cycle({ 
    fx:    'fade', 
    speed:  1000,
    timeout: 6000,
    height: 372
    
    
 });