window.addEvent('domready', function(){
	if ($('case_studies')) {
		var height = 0;
		var elements = document.getElements('#case_studies .element');
		var image = null;
		var video = null;
		elements.each(function(element, i) {
			element.setStyles({
				position: 'absolute',
				top: 8,
				left: (i*214),
				width: 214,
				margin: 0,
				overflow: 'hidden',
				cursor: 'pointer'
			}).addEvent('click', function(e){
				elements.each(function(_element, _i) {
					if (element == _element) {
						if (_i > i) {
							_element.morph({
								'width': 323,
								'left': (_i*160)
							});
						} else {
							_element.morph({
								'width': 323,
								'left': (_i*160)
							});
						}
						_element.addClass('selected').getElements('p').tween('opacity', 1);
						if (element.getElement('img')) {
							if (image == null) {
								image = new Element('img').inject(document.getElement('#case_studies'), 'top');
							}
							image.setProperty('src', element.getElement('img').getProperty('src')).setStyle('display', 'block');
							if (video != null) {
								video.setStyle('display', 'none');
							}
						}
						if (element.getElement('object')) {
							if (video == null) {
								video = new Element('div').inject(document.getElement('#case_studies'), 'top');
							}
							video.set('html', element.getElement('.video').get('html')).setStyle('display', 'block');
							if (image != null) {
								image.setStyle('display', 'none');
							}
						}
					} else {
						if (_i > i) {
							_element.morph({
								'width': 160,
								'left': (_i*160)+163
							});
						} else {
							_element.morph({
								'width': 160,
								'left': (_i*160)
							});
						}
						_element.removeClass('selected').getElements('p').tween('opacity', 0);
					}
				});
			});
			element.getElement('h2').setStyle('width', 140);
			if (element.getElement('img')) {
				element.getElement('img').setStyle('display', 'none');
			}
			if (element.getElement('.video')) {
				element.getElement('.video').setStyle('display', 'none');
			}
			element.getElements('p').setStyle('width', 300).set('tween', {
				duration: 1000,
				transition: 'sine:out'
			});
			if (element.getSize().y > height) {
				height = element.getSize().y;
			}
		});
		elements.setStyles({
			height: height-60
		}).set('morph', {
			duration: 1000,
			transition: 'sine:out'
		});
		document.getElement('#case_studies .container').setStyle('height', height+10);
		elements[0].fireEvent('click');
	}
});