window.addEvent('domready', function(){
	var sz_small = 30;
	var sz_full = 100;
	
	var items = $$('.items .odd','.items .even');
	var fx = new Fx.Elements(items, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	
	if (Browser.Engine.trident4) { var moveAmount = "8px"; } else { var moveAmount = "16px"; }  
	
	items.each(function(item, i){
		
		item.addEvents({
			mouseenter: function(){
				var obj = {};
				obj[i] = {
					'height': [item.getStyle('height').toInt(), sz_full], color: '#000',
					'margin-right': moveAmount,
					'width': '400px'
				};
				items.each(function(other, j){
					if (other != item){
						var w = other.getStyle('height').toInt();
						if (w != 0) obj[j] = {'height': [w,sz_small] };
					}
				});
			fx.start(obj);
			},
			mouseleave: function(){
				var obj = {};
				items.each(function(other, j){
					var w = other.getStyle('height').toInt();
					if (w != 0) obj[j] = {
						'height': [other.getStyle('height').toInt(), sz_small]
					};
				});
				fx.start(obj);
				this.morph({
					'color': '#1e6bac',
					'margin-right': '0px',
					'width': '416px'
				});
			}
		});
	});

	var all = $(document.body).getElements('.items li');
	var featured = $(document.body).getElements('.items li[class^=featured]');
	var twoThousandTen = $(document.body).getElements('.items li[class$=2010]');
	var twoThousandNine = $(document.body).getElements('.items li[class$=2009]');
	var twoThousandEight = $(document.body).getElements('.items li[class$=2008]');
	var twoThousandSeven = $(document.body).getElements('.items li[class$=2007]');

	all.morph({
		'height': '0px'
	});
	
	featured.morph({
		'height': '30px'
	});
	
	
	
	$('allOn').addEvent('click', function(){
		all.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'none');
		$('allOff').setStyle('display', 'inline');
		$('featuredOn').setStyle('display', 'inline');
		$('featuredOff').setStyle('display', 'none');
		$('twoThousandTenOn').setStyle('display', 'inline');
		$('twoThousandTenOff').setStyle('display', 'none');
		$('twoThousandNineOn').setStyle('display', 'inline');
		$('twoThousandNineOff').setStyle('display', 'none');
		$('twoThousandEightOn').setStyle('display', 'inline');
		$('twoThousandEightOff').setStyle('display', 'none');
		$('twoThousandSevenOn').setStyle('display', 'inline');
		$('twoThousandSevenOff').setStyle('display', 'none');
	});
	
	$('featuredOn').addEvent('click', function(){
		all.morph({
			'height': '0px'
		});
		featured.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'inline');
		$('allOff').setStyle('display', 'none');
		$('featuredOn').setStyle('display', 'none');
		$('featuredOff').setStyle('display', 'inline');
		$('twoThousandTenOn').setStyle('display', 'inline');
		$('twoThousandTenOff').setStyle('display', 'none');
		$('twoThousandNineOn').setStyle('display', 'inline');
		$('twoThousandNineOff').setStyle('display', 'none');
		$('twoThousandEightOn').setStyle('display', 'inline');
		$('twoThousandEightOff').setStyle('display', 'none');
		$('twoThousandSevenOn').setStyle('display', 'inline');
		$('twoThousandSevenOff').setStyle('display', 'none');
	});
	
	$('twoThousandTenOn').addEvent('click', function(){
		all.morph({
			'height': '0px'
		});
		twoThousandTen.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'inline');
		$('allOff').setStyle('display', 'none');
		$('featuredOn').setStyle('display', 'inline');
		$('featuredOff').setStyle('display', 'none');
		$('twoThousandTenOn').setStyle('display', 'none');
		$('twoThousandTenOff').setStyle('display', 'inline');
		$('twoThousandNineOn').setStyle('display', 'inline');
		$('twoThousandNineOff').setStyle('display', 'none');
		$('twoThousandEightOn').setStyle('display', 'inline');
		$('twoThousandEightOff').setStyle('display', 'none');
		$('twoThousandSevenOn').setStyle('display', 'inline');
		$('twoThousandSevenOff').setStyle('display', 'none');
	});

	$('twoThousandNineOn').addEvent('click', function(){
		all.morph({
			'height': '0px'
		});
		twoThousandNine.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'inline');
		$('allOff').setStyle('display', 'none');
		$('featuredOn').setStyle('display', 'inline');
		$('featuredOff').setStyle('display', 'none');
		$('twoThousandTenOn').setStyle('display', 'inline');
		$('twoThousandTenOff').setStyle('display', 'none');
		$('twoThousandNineOn').setStyle('display', 'none');
		$('twoThousandNineOff').setStyle('display', 'inline');
		$('twoThousandEightOn').setStyle('display', 'inline');
		$('twoThousandEightOff').setStyle('display', 'none');
		$('twoThousandSevenOn').setStyle('display', 'inline');
		$('twoThousandSevenOff').setStyle('display', 'none');
	});
	
	
	
	$('twoThousandEightOn').addEvent('click', function(){
		all.morph({
			'height': '0px'
		});
		twoThousandEight.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'inline');
		$('allOff').setStyle('display', 'none');
		$('featuredOn').setStyle('display', 'inline');
		$('featuredOff').setStyle('display', 'none');
		$('twoThousandTenOn').setStyle('display', 'inline');
		$('twoThousandTenOff').setStyle('display', 'none');
		$('twoThousandNineOn').setStyle('display', 'inline');
		$('twoThousandNineOff').setStyle('display', 'none');
		$('twoThousandEightOn').setStyle('display', 'none');
		$('twoThousandEightOff').setStyle('display', 'inline');
		$('twoThousandSevenOn').setStyle('display', 'inline');
		$('twoThousandSevenOff').setStyle('display', 'none');
	});
	
	$('twoThousandSevenOn').addEvent('click', function(){
		all.morph({
			'height': '0px'
		});
		twoThousandSeven.morph({
			'height': '30px'
		});
		$('allOn').setStyle('display', 'inline');
		$('allOff').setStyle('display', 'none');
		$('featuredOn').setStyle('display', 'inline');
		$('featuredOff').setStyle('display', 'none');
		$('twoThousandTenOn').setStyle('display', 'inline');
		$('twoThousandTenOff').setStyle('display', 'none');
		$('twoThousandNineOn').setStyle('display', 'inline');
		$('twoThousandNineOff').setStyle('display', 'none');
		$('twoThousandEightOn').setStyle('display', 'inline');
		$('twoThousandEightOff').setStyle('display', 'none');
		$('twoThousandSevenOn').setStyle('display', 'none');
		$('twoThousandSevenOff').setStyle('display', 'inline');
	});
	
});

document.write('<style> #about {-webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px;}.section {-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} #wrapper {-webkit-box-shadow: 2px 2px 15px #1b364c; -moz-box-shadow: 2px 2px 15px #1b364c;} #tag-bar button {-webkit-border-radius: 4px; -moz-border-radius: 4px; *padding: 3px; *margin-right: 5px;}</style>');