//GNB
var gnb = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			top : $('#header'),
			gnb : $('#header .gnb'),
			gnbLi : $('#header .gnb > li')
		};
		var H = [81,138];
		var spd = 300;
		var ani = 'easeInOutExpo';

		if(set.gnb.children('.active').length > 0){
			var i = set.gnb.children('.active').index();
			set.gnbLi.eq(i).find('ul').show();
			set.gnbLi.on({
				'mouseenter' : function(){
					$(this).children('ul').show();
					$(this).siblings().children('ul').hide();
				}
			});

			set.top.on({
				'mouseleave' : function(){
					set.gnbLi.eq(i).find('ul').show();
					set.gnbLi.eq(i).siblings().find('ul').hide();
				}
			});
		}else{
			set.gnbLi.on({
				'mouseenter' : function(){
					if(!set.top.hasClass('on')){
						set.top.addClass('on');
						set.top.stop(true).animate({'height':H[1]},spd,ani);
					}
					$(this).children('ul').show();
					$(this).siblings().children('ul').hide();
				}
			});

			set.top.on({
				'mouseleave' : function(){
					if(set.top.hasClass('on')){
						set.top.removeClass('on');
						set.top.stop(true).animate({'height':H[0]},spd,ani);
					}
				}
			});
		
		}
	
	}
}


//VISUAL
var vis = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			roll : $('#vis .roll')
		};
		set.roll.bxSlider({
			mode: 'vertical',
			auto: true,
			controls: false,
			useCSS: false,
			stopAutoOnClick: true,
			pause: 7000,
			speed: 500,
			touchEnabled : false,
			easing: 'easeInOutExpo'
		});
	}
}

//BOARD
var board = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			roll : $('#main .board .roll')
		};
		set.roll.bxSlider({
			auto: true,
			pager: false,
			useCSS: false,
			stopAutoOnClick: true,
			pause: 7000,
			speed: 500,
			touchEnabled : false,
			easing: 'easeInOutExpo'
		});
	}
}

//ComBanner
var combanner = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			roll : $('.combanner')
		};
		set.roll.bxSlider({  
			 minSlides: 4,
			  maxSlides: 6,
			  slideWidth: 180,
			  slideMargin: 10,
			  ticker: true,
			  speed: 100000});
	}
}

//GOTOP
var gotop = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			hb : $('html,body'),
			win : $(window),
			btn : $('#gotop'),
		};
		var spd = 300;

		set.btn.on({
			'click' : function(){
				set.hb.stop().scrollTo($('#wrap'),spd);
			}
		});

		set.win.on({
			'mousewheel' : function(e){
				if(set.hb.is(':animated')){
					set.hb.stop(true);
				}
			}
		});

	}
}


//QUICK
var quick = {
	init : function(){
		if($('#quick').length > 0){
			this.action();
		}
	},
	action : function(){
		var set = {
			quick : $('#quick'),
			wrap : $('#wrap'),
			win : $(window)
		};

		var spd = 300;
		var ani = 'easeInOutExpo';

		var qh = set.quick.offset().top - 20;

		set.win.on({
			'scroll' : function(){
				var sh = $(this).scrollTop();
				if(sh > qh){
					set.wrap.addClass('fix');
				}else{
					set.wrap.removeClass('fix');
				}
			}
		});
	}
}


var tab = {
	init : function(){
		if($('.atab').length > 0){
			this.action();
		}
	},
	action : function(){
		var set = {
			tab : $('.atab a'),
			con : $('.aview .box')
		};
		
		set.tab.on({
			'click' : function(){
				$(this).addClass('active').siblings().removeClass('active');
				set.con.eq($(this).index()).addClass('active').siblings().removeClass('active');
				return false;
			}
		});
	}
}

var sitemap = {
	init : function(){
		this.action();
	},
	action : function(){
		var set = {
			btn : $('#header .sitemap'),
			sitemap : $('#sitemap'),
			close : $('#sitemap .close'),
		};

		var spd = 700;
		var ani = 'easeOutBounce';

		set.btn.on({
			'click' : function(){
				if(set.sitemap.is(':hidden')){
					set.sitemap.slideDown(spd,ani);
				}else{
					set.sitemap.slideUp(300);
				}
				return false;
			}
		});

		set.close.on({
			'click' : function(){
				set.sitemap.slideUp(300);
				return false;
			}
		});
	}
}

$(function(){
	gnb.init();//GNB
	gotop.init();//GOTOP
	quick.init();//QUICK
	tab.init();//TAB
	sitemap.init();//SITEMAP
});