function clientFeeds() {
	
	$('home_social').set('tween', {onComplete: null});
	
	$('home_portfolio').set('tween', {onComplete: function(){
			
			$('home_social').setStyle( 'left', '-1070px' );
			$('home_social').setStyle( 'visibility', 'visible' );
			$('home_social').tween('left', '0');
		}
	});

	$('home_portfolio').tween('left', '1070px' );
	$('home_feed').tween('right', '-1070px');
}
	
function clientFeedsPage2() {
	
	$('home_social-2').set('tween', {onComplete: null});
	
	$('home_social').set('tween', {onComplete: function(){
			
			$('home_social-2').setStyle( 'left', '-1070px' );
			$('home_social-2').setStyle( 'visibility', 'visible' );
			$('home_social-2').tween('left', '0');
		}
	});

	$('home_social').tween('left', '2140px' );
}
		
function clientFeedsPage1() {
	
	$('home_social').set('tween', {onComplete: null});
	
	$('home_social-2').set('tween', {onComplete: function(){
			
			$('home_social').setStyle( 'left', '2140px' );
			$('home_social').setStyle( 'visibility', 'visible' );
			$('home_social').tween('left', '0');
		}
	});

	$('home_social-2').tween('left', '-1070px' );
}
	
function closeClientFeeds() {
	
	$('home_social').set('tween', {onComplete: function(){
			
			$('home_portfolio').set('tween', {onComplete: null});
			$('home_feed').tween('right', '0');
			$('home_portfolio').tween('left', '0');
		}
	});

	$('home_social').tween('left', '-1070px' );
}
	
function closeClientFeedsPage2() {
	
	$('home_social').set('tween', {onComplete: null});
	
	$('home_social-2').set('tween', {onComplete: function(){
			
			$('home_portfolio').set('tween', {onComplete: null});
			$('home_feed').tween('right', '0');
			$('home_portfolio').tween('left', '0');
		}
	});

	$('home_social-2').tween('left', '-1070px' );
}

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

	//clientFeeds(); // for testing, remove

	// smooth scrolling
	new Fx.SmoothScroll({ links: $$('a[href^=#]') });

	function loadProject( elementID ) {
		
		var aryProjectID = elementID.split( '_' );
		var projectID = aryProjectID[1];
		
		Mediabox.open('index.php?do=project&id=' + projectID, 'project', '1090 810');
		//alert( projectID );
	}
	
	// project grid
	var grid = document.getElement('.project-grid');
	if (grid) {
		(function(){
			var filters   = $$('ul.sub-navigation li');
			var projects  = grid.getElements('div.portfolio_item');

			var getClasses = function(element){
				var classes = element.get('class').split(' ');
				return classes.filter(function(thisclass){
					return (thisclass.indexOf('work-') == 0);
				});
			};

			projects.each(function(project, i){
				// animate project mouseovers
				var img  = project.getElement('img');
				//var span = project.getElement('span');
				//var spanBottom = -span.getSize().y;
				img.set({
					styles: { opacity: 1 /*0.3*/ },
					tween:  { duration: 250 }
				});
				/*
				span.set({
					styles: { bottom: spanBottom },
					tween:  { duration: 250 }
				});
				*/
				project.addEvents({
					
					/*
					*/
					'mouseenter': function(){
						project.tween('background-color', '#ffffff');
						//img.tween('opacity', 1);
						//span.tween('bottom', 0);
					},
					'mouseleave': function(){
						project.tween('background-color', '#1a1818');
						//img.tween('opacity', 0.3);
						//span.tween('bottom', spanBottom);
					},
					'focus': function(){
						project.fireEvent('mouseenter');
					},
					'blur': function(){
						project.fireEvent('mouseleave');
					},
					'click': function(){						
						loadProject( project.get( 'id' ) );
					}
				});
			});

			if (filters.length) {
				var effects   = new Fx.Elements(projects, {
					link: 'chain'
				});

				// ie doesn't do transparency inheritance properly, f'ing typical!
				if (Browser.Engine.trident6) {
					var effects2 = new Fx.Elements(grid.getElements('li img'), {
						link: 'chain'
					});
				}

				var positions = [];
				var currentlyShowing = 'work-all';

				grid.setStyle('height', grid.getParent().getSize().y);

				// setup the back button
				var history = HistoryManager.register(// arguments are (key, defaults, onMatch, onGenerate, regexp, options)
					'project-grid',
					['all'],
					function(values){
						values.each(function(value, i){
							values[i] = 'work-' + value;
						});
						var link = document.getElement('ul.sub-navigation li.' + values[0] + ' a');
						if (link) link.fireEvent('click');
					},
					function(values){
						var retstring = '';
						values.each(function(value){
							retstring = retstring + '_' + value.substring(5);
						});
						return retstring;;
					},
					'(?:_([a-z0-9-]+))+'
				);

				// get project grid positions
				projects.each(function(project, i){
					project.store('classes', getClasses(project));
					var pos = project.getPosition(grid);
					positions[i] = {
						left: pos.x - project.getStyle('margin-left').toInt(),
						top:  pos.y
					};
				});

				projects.each(function(project, i){
					// set project position
					project.setStyles(positions[i]).setStyle('position', 'absolute');
				});

				filters.each(function(filter){
					filter.store('classes', getClasses(filter)).getElement('a').addEvent('click', function(event){
						if (event) event.stop();
						filters.each(function(el){
							if (el != filter) {
								el.removeClass('selected');
							}
						});
						filter.addClass('selected');
						//alert(history);
						if (history) history.setValues(filter.retrieve('classes'));
						showWork(filter.retrieve('classes'));
						Cookie.write('lastworkpage', window.location);
					});
				});

				var showWork = function(whichWork){
					var effectobj   = {};
					var effectobj2  = {};
					var effectobj3  = {};

					// ie doesn't do transparency inheritance properly, f'ing typical!
					var effect2obj  = {};
					var effect2obj2 = {};
					var effect2obj3 = {};

					if (whichWork.contains('work-all')) {
						projects.each(function(project, i){
							effectobj[i] = positions[i];
							effectobj2[i] = {
								opacity: 1
							};
						});
					} else {
						var k = 0;
						projects.each(function(project, i){
							var showproject = false;

							for (var j in whichWork) {
								if (project.hasClass(whichWork[j])) {
									showproject = true;
									break;
								}
							}

							
							effectobj[i]  = (showproject ? {} : {opacity: 0});
							effectobj2[i] = (showproject ? positions[k++] : {});
							effectobj3[i] = {opacity: (showproject ? 1 : 0)};

							// ie doesn't do transparency inheritance properly, f'ing typical!
							if (effects2) {
								effect2obj[i]  = (showproject ? {} : {opacity: 0});
								effect2obj2[i] = {};
								effect2obj3[i] = {opacity: (showproject ? 0.3 : 0)};
							}

						});
					}

					// if moving between two categories that aren't "all", transition to "all" first
					/*if (currentlyShowing != 'work-all' && !whichWork.contains('work-all')) {
						showWork(['work-all']);
					} else {
						effects.cancel();
					}*/
					effects.start(effectobj).start(effectobj2).start(effectobj3);

					// ie doesn't do transparency inheritance properly, f'ing typical!
					if (effects2) {
						effects2.start(effect2obj).start(effect2obj2).start(effect2obj3);
					}

					currentlyShowing = whichWork[0];
				};
			}
		})();
	}


	/*
	// videos
	var videos = $$('ul.portfolio li[class^=video-]');
	if (videos.length) {
		(function(){
			videos.each(function(el){
				var videofile = '/videos/' + (el.get('class').split(' '))[0].substring(6) + '.flv';
				var player = new Swiff('/flash/portfolio-video-player.swf', {
					width: 728,
					height: 540,
					params: {
						wmode: 'transparent',
						bgcolor: '#232323'
					},
					vars: {
						videoFile: videofile
					}
				});
				var newli = new Element('li');
				var itemnumber = false;
				el.getParent().getElements('li').each(function(li, i){
					if (itemnumber) {
						var num = i+2;
						li.getElement('span em').set('html', (num < 10 ? '0'+num : num) + '/');
					} else if (li == el) {
						itemnumber = i+2;
					}
				});
				newli.adopt(
					new Element('span', {html: ' Video'}).grab(
						new Element('em', {html: (itemnumber < 10 ? '0'+itemnumber : itemnumber) + '/'}),
						'top'
					),
					player
				).inject(el, 'after');
			});
		})();
	}
	*/


	// start the history manager
	HistoryManager.start();
});