function bgColor() {

	//have target body and links seperately :(
	var bodyElement = $(document.body);
		
	var fade = $$('.fade');
	var fadeLink = $$('.fade a');
	var x = new Chain();
	var purple = function() {
		var bodyEffect = new Fx.Morph(bodyElement, {duration: 1000, transition: Fx.Transitions.linear});
		bodyEffect.start('.purple');
		fade.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadePurple');
		});
		fadeLink.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeLinkPurple');
		});
	};
	var pink = function() {
		var bodyEffect = new Fx.Morph(bodyElement, {duration: 1000, transition: Fx.Transitions.linear});
		bodyEffect.start('.pink');
		fade.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadePink');
		});
		fadeLink.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeLinkPink');
		});
	};
	var blue = function() {
		var bodyEffect = new Fx.Morph(bodyElement, {duration: 1000, transition: Fx.Transitions.linear});
		bodyEffect.start('.blue');
		fade.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeBlue');
		});		
		fadeLink.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeLinkBlue');
		});		
	};
	var green = function() {
		var bodyEffect = new Fx.Morph(bodyElement, {duration: 1000, transition: Fx.Transitions.linear,
			onComplete: function(){
        		bgColor.delay(2000);
    		}
		});
		bodyEffect.start('.green');
		fade.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeGreen');
		});
		fadeLink.each(function(el) {
			fadeEffect = new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.linear});
			fadeEffect.start('.fadeLinkGreen');
		});	
	};

	x.chain(purple);
	x.chain(pink);
	x.chain(blue);
	x.chain(green);
	x.callChain();
	x.callChain.delay(4000, x);
	x.callChain.delay(6000, x);
	x.callChain.delay(8000, x);
	x.callChain.delay(10000, x);
}

window.addEvent('domready', function() {
	var twitter = $$('#twitter')[0];	
	if(twitter){
		new Element('div', {
			}).inject(twitter, 'bottom');
	}
	var bodyElement = $(document.body);	
	bodyElement.removeClass("loading");
});

function startBg(){
	if (!Browser.Engine.webkit) {
		bgColor();
	}
}

//var loader = new PagePreLoader({typekitId:'axh0err', css:'/wp-content/themes/v2/loading.css', fade:true, onComplete:startBg});

window.addEvent('load', function() {

	//loader.update('loaded');
	startBg.delay(2000);
	var bodyElement = $(document.body);	
	if (bodyElement) {
		//bodyElement.setStyle('background-image', 'url(swoosh-background.png)')	
	}	
});