window.addEvent('domready', function() {
	var toColor = '647d84';
	
	var elements = $$('.image a img, .thumb a img');
	var effects = new Array();
	
	elements.each(function(element, i) {
		effects[i] = new Fx.Style(element, 'border-color', { wait: false });
		
		var fromColor = element.getStyle('border-top-color');
		
		element.addEvent('mouseenter', function() {
			effects[i].start(fromColor, toColor);
		});
		
		element.addEvent('mouseout', function() {
			effects[i].start(toColor, fromColor);
		});
	});
});

window.addEvent('domready', function() {
	var toBackgroundColor	= '8eb2bc';
	var toBorderColor		= '8eb2bc';
	var toFontColor			= 'ffffff';
	
	var elements = $$('input[type=text], textarea');
	var effects = new Array();
	
	elements.each(function(element, i) {
		effects[i] = new Fx.Styles(element, { wait: false });
		
		var fromBackgroundColor	= element.getStyle('background-color');
		var fromBorderColor		= element.getStyle('border-top-color');
		var fromFontColor		= element.getStyle('color');
		
		element.addEvent('focus', function() {
			effects[i].start({
				'border-color': [fromBorderColor, toBorderColor],
				'border-bottom-color': [fromFontColor, toFontColor],
				'background-color': [fromBackgroundColor, toBackgroundColor],
				'color': [fromFontColor, toFontColor]
			});
		});
		
		element.addEvent('blur', function() {
			effects[i].start({
				'border-color': [toBorderColor, fromBorderColor],
				'background-color': [toBackgroundColor, fromBackgroundColor],
				'color': [toFontColor, fromFontColor]
			});
		});
	});
});

window.addEvent('domready', function() {
	var elements = $$('.navigation li a');
	var effects = new Array();
	
	elements.each(function(element, i) {
		overlay = new Element('span').addClass('overlay').injectInside(element);
		
		effects[i] = new Fx.Style(overlay, 'opacity', { wait: false });
		
		effects[i].set(0);
		
		element.addEvent('mouseover', function() {
			effects[i].start(0, 1);
		});
		
		element.addEvent('mouseout', function() {
			effects[i].start(1, 0);
		});
	});
});

window.addEvent('domready', function() {
	var toggles = $$('.formToggle input');
	var sections = $$('.formSection');
	
	sections.each(function(section, i) {
		section.setStyle('display', 'none');
	});
	
	toggles.each(function(element, i) {
		element.addEvent('click', function(){
			var mySection = element.getParent().getNext();
			
			sections.each(function(section, i) {
				section.setStyle('display', 'none');
			});
			
			mySection.setStyle('display', 'block');
		});
	});
});