window.addEvent('domready', function(){
	var transitionTime = 500;
	var myItem = $('mainHeaderR-inner');

	var mySlider = new Fx.Morph(myItem, {
		duration: transitionTime,
		transition: Fx.Transitions.Quad.easeInOut,
		wait:false
	});
	
	mySlider.start({
		'left':'0'
	});

	$('tab01').addEvent('click', function(e){
		e.stop();
		mySlider.start({
			'left':'0'
		});
		$('tabbar').setStyle('background-color','#5C412D');
	});

	$('tab02').addEvent('click', function(e){
		e.stop();
		mySlider.start({
			'left':'-517'
		});
		$('tabbar').setStyle('background-color','#6FA7A9');
	});
	
	$('tab03').addEvent('click', function(e){
		e.stop();
		mySlider.start({
			'left':'-1034'
		});
		$('tabbar').setStyle('background-color','#929A5C');
	});
	
	$('tab04').addEvent('click', function(e){
		e.stop();
		mySlider.start({
			'left':'-1551'
		});
		$('tabbar').setStyle('background-color','#D7923F');
	});
});