window.addEvent('domready', function() {
	
	var elements = $$('#headerNavigation li');
	
	if(animateHeader == true) {
		var effectsOne = new Array();
		var effectsTwo = new Array();
	
		var chainOne = new Chain();
		var chainTwo = new Chain();
		var chainThree = new Chain();
	
		shuffle(elements);
	
		elements.each(function(element, i) {
			effectsOne[i] = new Fx.Style(element, 'opacity', { duration: 1000, transition: Fx.Transitions.Quad.easeInOut });
			effectsTwo[i] = new Fx.Style(element, 'opacity', { duration: 4000 });
		
			element.getChildren('a')[0].addClass('current');
		
			chainOne.chain(function() { effectsOne[i].start(0,1) });
			chainOne.callChain.delay((i*200), chainOne);
		
			chainTwo.chain(function() { effectsOne[i].start(1,0) });
			chainOne.callChain.delay((3000), chainTwo);
		
			chainThree.chain(function() { effectsTwo[i].start(0,1); element.getChildren('a')[0].removeClass('current'); })
			chainThree.callChain.delay((4100), chainThree);
		});
	} else {
		elements.each(function(element, i) {
			element.setStyle('visibility', 'visible');
		});
	}
});

function shuffle (myArray) {
  var i = myArray.length;
  if ( i == 0 ) return false;
  while ( --i ) {
     var j = Math.floor( Math.random() * ( i + 1 ) );
     var tempi = myArray[i];
     var tempj = myArray[j];
     myArray[i] = tempj;
     myArray[j] = tempi;
   }
}

window.addEvent('domready', function() {
	var toColor = 'f9b34f';
	
	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	= 'e5e7f2';
	var toBorderColor		= 'f9b34f';
	
	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');
		
		element.addEvent('focus', function() {
			effects[i].start({
				'border-color': [fromBorderColor, toBorderColor],
				'background-color': [fromBackgroundColor, toBackgroundColor]
			});
		});
		
		element.addEvent('blur', function() {
			effects[i].start({
				'border-color': [toBorderColor, fromBorderColor],
				'background-color': [toBackgroundColor, fromBackgroundColor]
			});
		});
	});
});