(function($){

	$.fn.toggleList = function(){
		return this.each(function() {
			var wrap = $(this);
			var list = wrap.find('.onOffEL');
			
			var topBtn = wrap.find('.top_control button');
			var speed = 400;

			list.eq(0).show();
			
			topBtn.each(function(i){
				$(this).on('click', function(){
					if( ! $(this).is('.on') ){
						$(this).siblings().removeClass('on').end().addClass('on');
						list.fadeOut(speed).eq(i).fadeIn(speed).attr('tabindex', -1 ).focus();
					} else{
						list.eq(i).attr('tabindex', -1 ).focus();
					}
					list.eq(i).focusout(function(){
						$(this).removeAttr('tabindex');
					});

				});
			});


		});
	}



	$.fn.slidingBanner = function(){
		return this.each(function() {

			var wrap = $(this);
			var topBtn = wrap.find('.top_control button');
			var autoBtnStart = wrap.find('.auto > .start');
			var autoBtnEnd = wrap.find('.auto > .stop');
			var banner_List_wrap = wrap.find('.banner_List_wrap');
			var banner = banner_List_wrap.find('.banner_List li');
			var btnNumb = topBtn.length;
			var speed = 400;
			var autoSpeed = 6000;

			//event start
			// 클릭시 배너바뀜
			topBtn.each(function(i){
				$(this).on('click', function(){
					if( ! $(this).is('.on') ){
						$(this).siblings().removeClass('on').end().addClass('on');
						banner.fadeOut(speed);
						banner.eq(i).fadeIn(speed);
					}

				});
			});

			autoBtnStart.on('click', function(e){
				e.preventDefault();
				if( ! $(this).is('.onStart') ){
					
					var autoSet = setInterval(function(){	
						
							var onAchor = $(document).find('.top_control .on').index();
							onAchor = onAchor + 1;
							//alert(onAchor);
							if(  onAchor ==  btnNumb ){
								//처음
								topBtn.first().click();
							} else {
								topBtn.eq(onAchor).click();
							}						
					}, autoSpeed );
					autoBtnStart.addClass('onStart');

					autoBtnEnd.on('click', function(e){
						e.preventDefault();
						clearInterval(autoSet);
						autoBtnStart.removeClass('onStart');
					});
				}
			});

			//event end

		});
	}
	$.fn.openInsideContents = function( user_opt ){
		var zindexValue = 10;
		$(document).on( 'click', '.open_layer', function(){
			zindexValue ++;
			if( zindexValue == 3000 ){
				zindexValue = 10;
				$(document).find('.Mblock').each(function(){
					var valueZ = $(this).css('z-index');
					$(this).css('z-index', valueZ - 4 );
				});
			}
			return zindexValue;
		});

		return this.each(function() {
			var default_opt = { heightA : '100', widthA : '100', another_H : false , speed : 600 };
			var opt = $.extend(default_opt, user_opt);
			var _this = $(this);
			var _parent = _this.closest('.Mblock');
			var layer = _this.find('.openClick_list');
			var clickA = _this.find('.open_layer');
			var inner = _this.find('.inner_list');
			var hideEl = inner.find('.hide_el');
			var paddingTxt = 'padding-right';
			var delayTime;


			if ( layer.is('.left_open') ){
				paddingTxt = 'padding-left';
			}

			//event start 
			clickA.on('click', function(e){
				e.preventDefault();
				delayTime = opt.speed * 1.5;
				var open__ = $(document).find('.onVisible').length > 0;
				if ( ! open__ ){
					delayTime = 0;
				}
				if (  (! layer.is(':visible'))  &&  (! _parent.is('.onVisible'))  &&  (! layer.is(':animated'))  ){
					// 닫히고 열림
					var siblingsBlock = $(document).find('.onVisible .open_layer, .onVisible .layerCloseA');
					siblingsBlock.click();
					//
					
					hideEl.hide();
					_parent.css('z-index', zindexValue );

					if ( opt.another_H == true ) {
						setTimeout(function(){

							if( _parent.is( '.conPos10' ) ){
								$('.movePlay *').hide();
								$('.movePlay').css('background', '#000');
							}
							layer.animate({ 'width': _parent.width() - 77, 'height': '0' }, 0).show()
								.animate({ 'height': opt.heightA }, opt.speed  )
								.animate({ 'width': opt.widthA }, opt.speed, function(){
									hideEl.fadeIn(opt.speed /2 );
							});

						}, delayTime );

						
					} else {
						setTimeout(function(){

							layer.animate({ 'width': '0',paddingTxt: '0'}, 0).show()
								.animate({ 'width': opt.widthA, paddingTxt : '77px' }, opt.speed, function(){
									hideEl.fadeIn(opt.speed /2 );
									clickA.addClass('layerCloseA');
							});

						}, delayTime );
						

					}
					_parent.addClass('onVisible');
					layer.addClass('closeOn');

					
				}				
			});

			_this.on('click', '.layerCloseA', function(e){
				e.preventDefault();
				if ( (layer.is('.closeOn'))  &&  (! hideEl.is(':animated'))  ){
					if ( opt.another_H == true ) {
						
						hideEl.fadeOut(opt.speed * 0.95, function(){
							layer.animate({ 'width': _parent.width() - 77 }, opt.speed * 1 ).animate({ 'height': 0 }, opt.speed).fadeOut(opt.speed /7.5, function(){
								
								if( _parent.is( '.conPos10' ) ){
									$('.movePlay *').show();
									$('.movePlay').css('background', '');
								}
								_parent.css('z-index', "" );
							});
							
						});
					} else {
						hideEl.fadeOut(opt.speed * 0.95, function(){
							layer.animate({ 'width': '0', 'padding': '0' }, opt.speed).hide(function(){
								layer.css( 'padding', '');
								clickA.removeClass('layerCloseA');
								_parent.css('z-index', "" );
							});
						});
					}
					layer.removeClass('closeOn');
					_parent.removeClass('onVisible');
					
				}

			});

			//event end

		});

	}

})(jQuery);



$(document).ready(function(){
	$('.event_wrap').slidingBanner();

	$('#toggleList').toggleList();
	$('#sns_block').toggleList();

	$('#block_know').openInsideContents({ widthA : 175 });
	
	$('#block_media').openInsideContents({ widthA : 175 });
	$('#block_news').openInsideContents({ widthA : 175 });
	$('#block_award').openInsideContents({ widthA : 175 });
	$('#block_jaryo').openInsideContents({ widthA : 175 });	
	$('#block_all').openInsideContents({ heightA : 470, widthA : 669, another_H : true });

	$('#skipNavi').find('a[href^="#"]').on('click', function(){
		var $select_id = $($(this).attr('href'));
		$select_id.attr("tabindex","-1").focus();
		$select_id.bind('focusout', function(){
			$select_id.removeAttr("tabindex");
		});

	});

});