(function($){
	jQuery(function(){
		//首页幻灯
		//hp_key_vision
		(function(){
			var fade_speed = 'slow';
			var kv_autoplay_interval = 8000;
			var $kv_wrap = jQuery('.js-hp-main-vision');
			if ( !$kv_wrap.length ){ return false; };
			var $kv_box  = $kv_wrap.find('.js_kv_box');
			var $kv_flyout = $kv_wrap.find('.js_kv_flyout');
			var $nav_list  = $kv_wrap.find('.js_nav_list');
			var $nav_list_items  = $nav_list.find('li');
			var $content_list  = $kv_wrap.find('.kv_content_list');
			var $content_list_items  = $content_list.find('.js_kv_item');
			var kv_autoplay_stop_flag = false;
			var kv_list_len = $nav_list_items.length;
			//assign index
			$nav_list_items.each(function(idx){
				jQuery(this).data( 'index',(idx+1) );
			});
			var last_index = null;
			var goto_by_item = function( $item ){
				if ( $kv_box.is(':animated') ){return};
				var this_index = $item.data('index');
				var $this_content = $content_list_items.filter($item.find('a').attr('rel')).first().children().clone(true,true);
				if ( this_index != last_index ){
					if ( last_index ){
						var $clone_kv_box = $kv_box.clone().empty().append($this_content).insertBefore($kv_box).hide();
						//added by hxj
						if($.browser.webkit || $.browser.safari){
							$clone_kv_box.fadeIn(fade_speed);
						
							$kv_box.fadeOut(fade_speed,function(){
								jQuery(this).remove();
							});
						}else{
							$clone_kv_box.show();
							$kv_box.remove();
						}
						$kv_box = $clone_kv_box;
					}else{
						$kv_box.empty().append($this_content);
					}
				}
				$nav_list_items.eq(this_index-1).addClass('active').siblings().removeClass('active');
				last_index = this_index;
			}
			var goto_by_index = function( index ){
				goto_by_item($nav_list_items.eq(index-1));
			}
			var goto_next = function(){
				if( last_index ){
					var next_index = last_index + 1;
					if ( next_index > kv_list_len ){
						next_index = 1;
					}
					goto_by_index(next_index);
				}
			}
			var goto_prev = function(){
				if( last_index ){
					var next_index = last_index - 1;
					if ( next_index < 1 ){
						next_index = kv_list_len;
					}
					goto_by_index(next_index);
				}
			}
			$nav_list_items.click(function(){
				goto_by_item(jQuery(this));
				return false;
			});
			goto_by_item($nav_list_items.first());
			//auto play
			window.setInterval(function(){
				if( !kv_autoplay_stop_flag && $kv_flyout.is(':not(:visible)') ){
					goto_next();
				}
			},kv_autoplay_interval);
			//hot points
			var $hot_points = $content_list.find('.js_hot_point');
			var $load_box = $kv_flyout.find('.js_load_box');
			var $loading_box = $kv_flyout.find('.js_loading_box');
			var $kv_flyout_close_btn = $kv_flyout.find('.js_close');
			
			var close_flyout = function(){
				$kv_flyout.hide();
			}
			$kv_flyout_close_btn.click(function(){
				close_flyout();
				return false;
			});
			$hot_points.click(function(){
				__ozclk();
				var $this = jQuery(this);
				var load_url = $this.attr('rel');
				
				$load_box.hide();
				$loading_box.show();
				$kv_flyout.show();
				
				$load_box.load(load_url,function(){
					$loading_box.hide();
					$load_box.show();
				});
				return false;
			});
		})();
			
		//首页4格菜单 hp-bt-flyout-1
		//hp flyout 1 hover
		if ( jQuery('.js-hp-bt-flyout-1-trigger').length ){
			jQuery('.js-hp-bt-flyout-1-trigger , .js-hp-bt-flyout-1').MMJS_group_hover(function(){
				var $this  = jQuery(this);
				var $flyout = jQuery('.js-hp-bt-flyout-1');
				var offset = $this.offset();
				$flyout.css({
					'left':offset.left + 38,
					'top':offset.top - $flyout.outerHeight() + 20,
					'position':'absolute'
				});
				jQuery('.js-hp-bt-flyout-1-trigger').addClass('hover');
				jQuery('.js-hp-bt-flyout-1').show();
			},function(){
				jQuery('.js-hp-bt-flyout-1-trigger').removeClass('hover');
				jQuery('.js-hp-bt-flyout-1').hide();
			});
		}
		//hp flyout 2 hover
		if ( jQuery('.js-hp-bt-flyout-2-trigger').length ){
			jQuery('.js-hp-bt-flyout-2-trigger , .js-hp-bt-flyout-2').MMJS_group_hover(function(){
				var $this  = jQuery(this);
				var $flyout = jQuery('.js-hp-bt-flyout-2');
				var offset = $this.offset();
				$flyout.css({
					'left':offset.left - 202,
					'top':offset.top - $flyout.outerHeight() + 20,
					'position':'absolute'
				});
				jQuery('.js-hp-bt-flyout-2-trigger').addClass('hover');
				jQuery('.js-hp-bt-flyout-2').show();
			},function(){
				jQuery('.js-hp-bt-flyout-2-trigger').removeClass('hover');
				jQuery('.js-hp-bt-flyout-2').hide();
			});
		}
		//hp flyout 3 hover
		if ( jQuery('.js-hp-bt-flyout-3-trigger').length ){
			jQuery('.js-hp-bt-flyout-3-trigger , .js-hp-bt-flyout-3').MMJS_group_hover(function(){
				var $this  = jQuery(this);
				var $flyout = jQuery('.js-hp-bt-flyout-3');
				var offset = $this.offset();
				$flyout.css({
					'left':offset.left - 442,
					'top':offset.top - $flyout.outerHeight() + 20,
					'position':'absolute'
				});
				jQuery('.js-hp-bt-flyout-3-trigger').addClass('hover');
				jQuery('.js-hp-bt-flyout-3').show();
			},function(){
				jQuery('.js-hp-bt-flyout-3-trigger').removeClass('hover');
				jQuery('.js-hp-bt-flyout-3').hide();
			});
		}
		//hp flyout 4 hover
		if ( jQuery('.js-hp-bt-flyout-4-trigger').length ){
			jQuery('.js-hp-bt-flyout-4-trigger , .js-hp-bt-flyout-4').MMJS_group_hover(function(){
				var $this  = jQuery(this);
				var $flyout = jQuery('.js-hp-bt-flyout-4');
				var offset = $this.offset();
				$flyout.css({
					'left':offset.left - 682,
					'top':offset.top - $flyout.outerHeight() + 20,
					'position':'absolute'
				});
				jQuery('.js-hp-bt-flyout-4-trigger').addClass('hover');
				jQuery('.js-hp-bt-flyout-4').show();
			},function(){
				jQuery('.js-hp-bt-flyout-4-trigger').removeClass('hover');
				jQuery('.js-hp-bt-flyout-4').hide();
			});
		}
	});
})(jQuery);