window.addEvent('load', function() {
	
	// Slides in the header
	var elements = $$('#header .pullOut .slide');
	var slides = Array();
	
	elements.each(function(slide, i) {
		slides[i] = new Fx.Style(slide, 'opacity');
		
		if(i!=0) slides[i].set(0);
		
		if(i==0) $(slide.id + 'Previous').setStyle('display', 'none');
		if(i==(elements.length-1)) $(slide.id + 'Next').setStyle('display', 'none');
				
		$(slide.id + 'Next').addEvent('click', function() {
			slides[i+1].start(0,1);
			
			for(var j = 0; j < slides.length; j++){
				slides[j].set(0);
			}
		});
		
		$(slide.id + 'Previous').addEvent('click', function() {
			slides[i-1].start(0,1);
			
			for(var j = 0; j < slides.length; j++){
				slides[j].set(0);
			}
		});
	});
	
	// Accordion setup for 'More Articles' on homepage
	$$('dl.moreArticles').each(function(section, i) {
		prefix = '#' + section.id;
		
		new Accordion($$(prefix + ' dt a'), $$(prefix + ' dd'), {
			display: null,
			onActive: function(toggler, element){
				element.setStyle('margin-bottom', '11px');
			},

			onBackground: function(toggler, element){
				element.setStyle('margin-bottom', 0);
			}
		});
		
		$$(prefix + ' dd').setStyle('display', 'block');
	});
});

// Make linked image border fade to color on hover
window.addEvent('load', function() {
	var toColor		= 'aaaaaa'; // Color the border will fade to
	var fromColor	= 'cccccc'; // Color the border will fade back to
	
	var elements = $$('.image a img, .thumb a img'); // Elements this effect will be applied to
	var effects = new Array();
	
	elements.each(function(element, i) {
		effects[i] = new Fx.Style(element, 'border-color', { wait: false });
		
		element.addEvent('mouseenter', function() {
			effects[i].start(fromColor, toColor);
		});
		
		element.addEvent('mouseout', function() {
			effects[i].start(toColor, fromColor);
		});
	});
});

// Make input elements fade to color on focus
window.addEvent('load', function() {
	var toColor		= 'eeeeee'; // Color the background will fade to
	var fromColor	= 'ffffff'; // Color the background will fade back to
	
	var elements = $$('input[type=text]'); // Elements this effect will be applied to
	var effects = new Array();
	
	elements.each(function(element, i) {
		effects[i] = new Fx.Styles(element, { wait: false });
		
		element.addEvent('focus', function() {
			effects[i].start({
				'background-color': toColor
			});
		});
		
		element.addEvent('blur', function() {
			effects[i].start({
				'background-color': fromColor
			});
		});
	});	
});