rainbows = {
	init: function(o) {
		$(function() {
			if (typeof o == "string")
				o = { 'selector': o };
			var opt = {
				'selector': '.rainbows'
			};
			$.extend(opt, o);

			
			// Apply the gradient
			if (opt.from || opt.to) rainbows.gradient(opt);
			
			// Make snafucated
			if (opt.shadow || opt.highlight) rainbows.makeSnafucated(opt);
		});
	},
	
	gradient: function(o) {

		var opt = {
			'selector': '.rainbows',
			'from': '#ffffff',
			'to': '#000000'
		};

		$.extend(opt, o);

		$(opt.selector).each(function() {


			// Set the position to relative (Absolute should work too?)
			// TODO: Test this with absolute
			// if ($(this).css('position') != 'absolute')
		
			$(this).css({
				'position': 'relative',
				'overflow': 'hidden'
			});
			
			var h = $(this).height();
			var origH = $(this).css('height');
			
			var spans = [ ];

			var html;

			// Parse the colors into their R, G, and B constituents
			var f = [parseInt(opt.from.substring(1, 3), 16),
					parseInt(opt.from.substring(3, 5), 16),
					parseInt(opt.from.substring(5, 7), 16)],

				t = [parseInt(opt.to.substring(1, 3), 16),
					parseInt(opt.to.substring(3, 5), 16),
					parseInt(opt.to.substring(5, 7), 16)];


			// Store the initial contents in initHTML
			// in case they are needed later
			if (this.initHTML)
				html = this.initHTML;
			else
				html = this.innerHTML;

			this.initHTML = html;
			
			// Give it a bit of expanding space, in case the font is resized.
			for (var i = 0; i < h  * 1.0; i++) {
				// The ratio of the "from" to "to" colors
				var ratio = 1 - (h - Math.min(i, h)) / h;

				// Interpolate the three colors.
				var	c = [Math.round(f[0] * (1 - ratio) + t[0] * ratio),
						Math.round(f[1] * (1 - ratio) + t[1] * ratio),
						Math.round(f[2] * (1 - ratio) + t[2] * ratio)];


			//	d('C: ' + c);
				
				// TODO: rationale for -i? offset them down

				/*
					Two spans. The outer span is 1px tall and is positioned vertically
				*/

				// Push the spans into a temporary array
				spans.push('<span class="rainbow rainbow-' + i + '" style="color: rgb(' + c[0] + ',' + c[1] + ',' + c[2] + ');"><span style="top: ' + (-i) + 'px;">' + html + '</span></span>');

			}
			
			
			// Concatenate the spans and insert them into the document
			this.innerHTML = spans.join('');
			$(this).css('height', origH);
		});

	},

	/* make snafucated */
	makeSnafucated: function(o) {
		$(o.selector).each(function() {
			$(this).css('position', 'relative');

			// Get the original html
			if (this.initHTML)
				html = this.initHTML;
			else
				html = this.innerHTML;
			
			var hi = '', sh = '';
			
			// Create the wrappers, and let CSS handle the rest.
			if (o.shadow) sh = '<span class="rainbows-shadow">' + html + '</span>';
			if (o.highlight) hi = '<span class="rainbows-highlight">' + html + '</span>';
			
			// Append them to the element
			//	this.innerHTML = this.innerHTML + '<span class="rainbows-wrap">' + sh + hi + '</span>';
			this.innerHTML = this.innerHTML + sh + hi;
			
		
		});
	}
};

rainbows.init({
	highlight: true,
	shadow: true,
	from: '#ffffff',
	to: '#000000'
});

$(function() {
 
$('body').addClass('mocha');

if ($.browser.msie) $('body').addClass('ie');
if ($.browser.safari) $('body').addClass('safari');
if ($.browser.firefox) $('body').addClass('gecko');
if ($.browser.camino) $('body').addClass('gecko');
if ($.browser.mozilla) $('body').addClass('gecko');
if ($.browser.flock) $('body').addClass('gecko');
if ($.browser.netscape) $('body').addClass('gecko');

setTimeout(function() { 

	$('#is ul li.loading').animate({
		opacity: 0,
		top: 14
	}, 700, 'easeOutExpo', function() {
		$(this).remove();
		$('#is ul li').animate({
			opacity: 1
		}, 600, 'easeOutExpo');
		$('#is ul').animate({
			marginLeft: - middle
		}, 1000, 'easeOutExpo');
	});

}, 200);

var flickrWidth = $('#is li.flickr').outerWidth();
var lastfmWidth = $('#is li.lastfm').outerWidth();
var gtalkWidth = $('#is li.gtalk').outerWidth();
var setiWidth = $('#is li.seti').outerWidth();
var hakanWidth = $('#is li.hakan').outerWidth();
var labsWidth = $('#is li.labs').outerWidth();
var twitterWidth = $('#is li.twitter').outerWidth();
var facebookWidth = $('#is li.facebook').outerWidth();
var emailWidth = $('#is li.email').outerWidth();

var middle = flickrWidth + lastfmWidth +gtalkWidth + setiWidth + hakanWidth/2;

var timeOne = 900;
var timeTwo = 700;

var easingOne = 'easeInOutExpo';
var easingTwo = 'easeInOutCubic';

var timeoutTime = 100;

var returningTimeout;

$('#icons .flickr a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - flickrWidth/2
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .lastfm a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .gtalk a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .seti a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth + setiWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});
	
$('#icons .labs a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth + setiWidth + hakanWidth + labsWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .twitter a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth + setiWidth + hakanWidth + labsWidth + twitterWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .facebook a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth + setiWidth + hakanWidth + labsWidth + twitterWidth + facebookWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

$('#icons .email a').hover(function() {

		clearTimeout(returningTimeout);

		$('#is ul').stop().animate({
			marginLeft: - (flickrWidth + lastfmWidth +gtalkWidth + setiWidth + hakanWidth + labsWidth + twitterWidth + facebookWidth + emailWidth/2)
		}, timeOne, easingOne)
	
	},function() {
	
		returningTimeout = setTimeout(function() {
			$('#is ul').stop().animate({
				marginLeft: - middle
			}, timeTwo, easingTwo)
		}, timeoutTime);
		
	});

});

/*
 * jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
 *
 * Uses the built In easIng capabilities added In jQuery 1.1
 * to offer multiple easIng options
 *
 * Copyright (c) 2007 George Smith
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */

// t: current time, b: begInnIng value, c: change In value, d: duration

jQuery.extend( jQuery.easing,
{
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});