jQuery(function(jQuery){
	jQuery.fn.gnb = function(options) {
		var opts = jQuery.extend(options);
		var gnb = jQuery(this);
		var gnbList = gnb.find('>ul>li');
		var submenu = gnb.find('.submenu');
		var submenuList = submenu.find('>ul>li');
		var submenuBg = jQuery('.submenu_bg');

		function showMenu() {
			t = jQuery(this).parent('li');
			if (!t.hasClass('hover')) {
				gnbList.removeClass('hover');
				gnbList.removeClass('active');
				gnbList.bind("focus mouseover",function(){
					jQuery(this).addClass("hover");
				});
				gnbList.bind("mouseleave",function(){
					jQuery(this).removeClass("hover");
				});
				
			}
			submenuBg.show();
			submenuBg.stop(true, false).animate({height:145},200, 'swing',function(){
				submenu.fadeIn(200);
			});
		}

		function showMenu2() {
			t = jQuery(this).parent('li');
			if (!t.hasClass('active')) {
				gnbList.removeClass('hover');
				gnbList.removeClass('active');
				t.addClass('active');
			}
			
			submenuBg.show();
			submenuBg.stop(true, false).animate({height:145},200, 'swing',function(){
				submenu.fadeIn(200);
			});
			return false;
		}

		function hideMenu() {
			gnbList.removeClass('hover');
			gnbList.removeClass('active');
			submenu.fadeOut(100);
			submenuBg.stop(true, false).delay(100).animate({height:'0'},200, 'swing', function(){
				submenuBg.hide();			
			});
			activeMenu();
		}

		function activeMenu() {
			if(opts.d1) {
				t = gnbList.eq(opts.d1-1); 
				t.addClass('active');
				if(opts.d2) {
					t.find('.submenu>ul>li').eq(opts.d2-1).addClass('active');
				}
			}
		}

		return this.each(function() {
			activeMenu();
			var isTablet = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone)/);
			if( !isTablet ){
				gnbList.find('>a').mouseover(showMenu).focus(showMenu);
			}else{
				gnbList.find('>a').click(showMenu2);
			}
			jQuery("#header").mouseleave(hideMenu);
		});
	}
});