// wait until the document is ready, then load stuff
$(document).ready(function(){
	// initialize the gallery(s)
	$('#fader-left').cycle({fx: 'fade', speed: 2500, timeout: 2000});
	$('#fader-right').cycle({fx: 'fade', speed: 2500, timeout: 2000});

	// animate the buttons
	$('#button-1 .hover-image').hover(function(){
		$(this).stop(true, true).animate({width: '100px', height: '100px'}, {queue: true, duration: 300});
	}, function(){
		$(this).stop(true, true).animate({width: '75px', height: '75px'}, {queue: true, duration: 300});
	});
	$('#button-2 .hover-image').hover(function(){
		$(this).stop(true, true).animate({width: '100px', height: '100px'}, {queue: true, duration: 300});
	}, function(){
		$(this).stop(true, true).animate({width: '75px', height: '75px'}, {queue: true, duration: 300});
	});
	$('#button-3 .hover-image').hover(function(){
		$(this).stop(true, true).animate({width: '100px', height: '100px'}, {queue: true, duration: 300});
	}, function(){
		$(this).stop(true, true).animate({width: '75px', height: '75px'}, {queue: true, duration: 300});
	});
});