var Work = {
	
	motion: null,
	pos: 'out',
	
	slideIn: function() {
		if(Work.pos == 'in') return;
		Work.pos = 'in';
		if(Work.motion) Work.motion.stop();
		Work.motion = new StyleTween({
			suffix: 'px',
			duration: 1000,
			start: 270,
			end: 445,
			func: StyleTween.transition.strong.easeOut,
			element: $('#work')[0],
			property: 'left'
		});
	},
	
	slideOut: function() {
		if(Work.pos == 'out') return;
		Work.pos = 'out';
		if(Work.motion) Work.motion.stop();
		Work.motion = new StyleTween({
			suffix: 'px',
			duration: 1000,
			start: 445,
			end: 270,
			func: StyleTween.transition.strong.easeOut,
			element: $('#work')[0],
			property: 'left'
		});
	}
	
}

var Marketing = {
	
	motion: null,
	pos: 'out',
	
	slideIn: function() {
		if(Marketing.pos == 'in') return;
		Marketing.pos = 'in';
		if(Marketing.motion) Marketing.motion.stop();
		Marketing.motion = new StyleTween({
			suffix: 'px',
			duration: 1000,
			start: -21,
			end: 280,
			func: StyleTween.transition.strong.easeOut,
			element: $('#marketing')[0],
			property: 'left'
		});
	},
	
	slideOut: function() {
		if(Marketing.pos == 'out') return;
		Marketing.pos = 'out';
		if(Marketing.motion) Marketing.motion.stop();
		Marketing.motion = new StyleTween({
			suffix: 'px',
			duration: 1000,
			start: 280,
			end: -21,
			func: StyleTween.transition.strong.easeOut,
			element: $('#marketing')[0],
			property: 'left'
		});
	}
	
}

$(function() {
	$('#work').hover(
		Work.slideIn, 
		function() {
			setTimeout(function() {
				Work.slideOut();
			}, 100);
		}
	);
	$('#marketing').hover(
		Marketing.slideIn, 
		function() {
			setTimeout(function() {
				Marketing.slideOut();
			}, 100);
		}
	);
});