var arr = ["#3d563f", "#5a7e95", "#45780f", "#f48c6c", "#d293c7"];

(function recurse(counter) {
    var color = arr[counter];
    $('#logo').delay('100').animate({
        backgroundColor: color
    }, 3000);
    delete arr[counter];
    arr.push(color);
    setTimeout(function() {
        recurse(counter + 1);
    }, 500);
})(0);

$(function() {
    $('.image-box').each(function() {
    	var $nav = $('<div class="nav"></div>').insertAfter(this);
		var $slideshow = $(this);   	
    	$(this).cycle({
	        fx:     'fade',
	        speed:   800,
	        timeout: 0,
	        pager:   $nav,
			next: $slideshow
    	});
    });
});

/* Circle Expansion
		-----------------------*/	
$(function() {
		   $('.circle-wrap').hover(
			function(){
				$('.circle',this)
					.stop()
					.animate({width : '60px', height : '60px', 'margin-top' : '-30px', 'margin-left' : '-30px', 'backgroundColor' : '#efefef'  }, 200);
			},
			function(){
				$('.circle',this)
					.stop()
					.animate({width : '50px', height : '50px', 'margin-top' : '-25px', 'margin-left' : '-25px', 'backgroundColor' : '#ffffff'  }, 500);
			}
		);
	
});

$(function() {
		   $('.contact-wrap').hover(
			function(){
				$('.contact',this)
					.stop()
					//alert("Thanks for visiting!")
					//.animate({backgroundPosition: '0px 0px'  }, 200);
					.animate({'margin-top' : '-20px'}, 500);

			},
			function(){
				$('.contact',this)
					.stop()
					//.animate({backgroundPosition: '0px 20px'  }, 200);
					.animate({'margin-top' : '0px'}, 500);
			}
		);
	
});