// javascript document

jquery(function(){
	
	//init kv and teasers
	(function(){
		var $kv = jquery('.js_nf_hp_kv')
		var $kv_window = $kv.find('.js_window');
		var $kv_items = $kv.find('.kv_item')
		var $kv_nav = jquery('.js_nav ul');
		var $kv_prev = jquery('.js_btn_prev');
		var $kv_next = jquery('.js_btn_next');
		var kv_items_count = $kv_items.length;
		
		var $ts = jquery('.js_nf_hp_teaser_c3x')
		var $ts_groups = $ts.find('.js_t_group');
		
		var animate_dur = 500;
		var play_dur = 5000;
		
		var stop_flag = false;
		
		var $window = jquery(window);
		
		var cur_idx = 0;
		
		
				
		$kv_items.hide();
		$ts_groups.find('.t_item').hide();
		var goto = function( idx ){
			
			cur_idx = idx;
			
			//idx from 0
			var $kv_visible = $kv_items.filter(':visible');

			if ( $kv_visible.length ){
				$kv_visible.fadeout(animate_dur);
				$kv_items.eq(idx).fadein(animate_dur);
			}else{
				$kv_items.eq(idx).show();
			}
			
			$ts_groups.each(function(g_idx){
				var $ts_group = jquery(this);
				var $ts_items = $ts_group.find('.t_item');
				var $ts_visible = $ts_items.filter(':visible');

				if ( $ts_visible.length ){
					$ts_visible.css({'z-index':99});
					
					window.settimeout(function(){
						$ts_items.eq(idx).css({'top':'158px','z-index':100}).show().animate({'top':0},animate_dur,function(){
							$ts_visible.hide();
						});
					}, 80*g_idx );
					
				}else{
					$ts_items.eq(idx).show();
				}
			});
			
			$kv_nav.find('li').eq(idx).addclass('active').siblings().removeclass('active');
			
		}
		
		//init $kv_prev $kv_next
		$kv_prev.click(function(){
			var next_idx = cur_idx - 1;
			if ( next_idx < 0 ){
				next_idx = kv_items_count - 1;
			}
			goto( next_idx );
		});

		$kv_next.click(function(){
			var next_idx = cur_idx + 1;
			if ( next_idx >= kv_items_count ){
				next_idx = 0;
			}
			goto( next_idx );
		});		
		
		//init $nav
		for ( var i=0; i<kv_items_count; i++ ){
			var $li = jquery('<li><a href="javascript:;">'+ ( i+1 ) +'</a></li>');
			
			(function(){
				var cur_idx = i;
				$li.click(function(){
					goto(cur_idx);
				});
			})();
			
			$kv_nav.append($li);
			//$li.css('width',100/(kv_items_count)-0.4+'%')
		}
		//$kv_nav.css('margin-left',-(kv_items_count*10));
		
		//init kv_item
		$kv_items.each(function(){
			var $this_kv_item = jquery(this);
			var this_bg = $this_kv_item.data('bg');
			$this_kv_item.css('background-image','url('+this_bg+')').css('background-position','center top');
		});
		
		//init btn_nav
		var repos_btn_nav = function(){
			var offset = $kv.offset();
			//$kv_prev.css( 'left',-60 );
			//$kv_next.css( 'right',600 );
			
//			$kv_prev.css( 'left',-offset.left );
//			$kv_next.css( 'right',-offset.left );
		}
		$window.resize(function(){
			repos_btn_nav();
		});
		


		$kv.hover(function(){
			stop_flag = true;
		},function(){
			stop_flag = false;
		});

		$ts.hover(function(){
			stop_flag = true;
		},function(){
			stop_flag = false;
		});	
		
		window.setinterval(function(){
			if ( !stop_flag ){
				$kv_next.click();
			}
		},play_dur);
		
		
		
		repos_btn_nav();
		goto(cur_idx);
		
	})();
	
	
	/* js_nf_ts_dot_tab */
	jquery('.js_nf_ts_dot_tab').each(function(){
		var $_root = jquery(this);
		var $tabs = $_root.find('.js_dt_tabs > a');
		var $contents = $_root.find('.js_dt_contents .dt_content').hide();
		
		$tabs.each(function(idx){
			var $this_tab = jquery(this);
			var $this_content = $contents.eq(idx);
			$this_tab.click(function(){
				$this_content.show().siblings().hide();
				$this_tab.addclass('active').siblings().removeclass('active');
			});
		}).eq(0).click();
	});

	/* js_nf_ts_text_tab */
	jquery('.js_nf_ts_text_tab').each(function(){
		var $_root = jquery(this);
		var $tabs = $_root.find('.js_tt_tabs > a');
		var $contents = $_root.find('.js_tt_contents .tt_content').hide();
		
		$tabs.each(function(idx){
			var $this_tab = jquery(this);
			var $this_content = $contents.eq(idx);
			$this_tab.click(function(){
				$this_content.show().siblings().hide();
				$this_tab.addclass('active').siblings().removeclass('active');
			});
		}).eq(0).click();
	});	
	
	
})