// JavaScript Document

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

	// TAB
	var tabOpen = 277;
	var tabClose = 32;
	var duration = 400;
	
	var list = $$('#tabButton, #searchButton');
		list.each( function(element) {
			
			var openTab = function(){
				var getStyleHeight = $$('#tab').getStyle('height');
				if( getStyleHeight >= '32px' ) {
					$$('#tab').set('tween',{
						duration: duration,
						transition: Fx.Transitions.Quint.easeOutIn,
						link: 'chain'			
					});
					$$('#tab').tween('height', tabOpen);
				}else{
					$$('#tab').set('tween',{
						duration: 800,
						transition: Fx.Transitions.Quint.easeOut,
						link: 'chain'			
					});
					$$('#tab').tween('height', tabClose);
				}
			}

			element.addEvents({
				click: openTab
			});
			
		});

});