/*
 *	Tab Animation
 *
 *
 */

var upperMenu = function (){
	var p, c, timer, speed, int, flag, id, suffix;

	suffix = 'indangTopMenu';
	// suffix = 'indang-upper-menu';
	return {
		slideMenu: function( d, f ){
			p = document.getElementById( d ); id = d.replace( /[^0-9]/g, '' );
			c = document.getElementById( suffix + 'Content' + id );
			flag = f; clearInterval( int ); int = setInterval( function() { upperMenu.slide(); }, 10 );
		},
		slide: function(){
			var pc = p.className;
			if( pc != 'upperMenu' ){
				var t = p.offsetTop; var c_h = c.offsetHeight; var max_t = c_h * -1;
				var ph = parseInt( p.style.top );
				if( flag && ( t <= 0 && t > max_t ) || !flag && ( ph < 0 ) ){
					for( var x = 1; x < 4; x++ ){
						var ch = document.getElementById( suffix + x );
						var ch_t = parseInt( ch.style.top );
						if( p != ch && ( ch_t < 0 ) ){
							ch.style.top = ( ch_t + 1 ) + 'px';
						}
					}
					p.style.top = ( flag ) ? ( t - 1 ) + 'px' : ( ph + 1 ) + 'px';
				} else{
					clearInterval( int );
				}
			} else if( pc == 'upperMenu' && !flag ){
				for( var x = 1; x < 4; x++ ){
					var ch = document.getElementById( suffix + x );
					var ch_t = parseInt( ch.style.top );
					if( ch_t < 0 ){
						ch.style.top = ( ch_t + 1 ) + 'px';
					}
				}
			} else{
				clearInterval( int );
			}
			// document.getElementById( 'a' ).innerHTML = t;
		}
	}
}();