$(document).ready(function() {						   
	var defaultOpts = { interval: 4000, fadeInTime: 300, fadeOutTime: 200 };
	var _titles = $(".slide .thumb a");
	var _bodies = $(".slide .pic a");
	var _count = _titles.length;
	var _selrent = 0;
	var _intervalID = null;
	var stop = function() { window.clearInterval(_intervalID); };
	$(".slide .pic a:first").addClass("sel");
	$(".slide .thumb a:first").addClass("sel");
	var slide = function(opts) {
		if (opts) {
			_selrent = opts.selrent || 0;
		} else {
			_selrent = (_selrent >= (_count - 1)) ? 0 : (++_selrent);
		};
		_bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function() {
			var img = new Image;
			var isrc = _bodies.eq(_selrent).find("img").attr("isrc");
			img.onload = function(){
						_bodies.eq(_selrent).find("img").attr("src",isrc);
					};
			img.src=isrc;
			_bodies.eq(_selrent).fadeIn(defaultOpts.fadeInTime);	
			
			_bodies.removeClass("sel").eq(_selrent).addClass("sel");
		});
		_titles.removeClass("sel").eq(_selrent).addClass("sel");
	};
	var go = function() {
		stop();
		_intervalID = window.setInterval(function() { slide(); }, defaultOpts.interval);
	}; 
	var itemMouseOver = function(target, items) {
		stop();
		var i = $.inArray(target, items);
		slide({ selrent: i });
	}; 
	_titles.hover(function() { if($(this).attr('class')!='sel'){itemMouseOver(this, _titles); }else{stop();}}, go);
	_bodies.hover(stop, go);
	go();
	$('#menu0 li').mouseover(function(){
		$(this).addClass("hover").siblings().removeClass();
		$("#main0 > ul").eq($('#menu0 li').index(this)).show().siblings().hide();
	});
	
	$('.pic a:first img').attr("src",$('.pic a:first img').attr("isrc"))
	//Ê×Ò³lazyload´¥·¢
	Pupai.UI.lazyload({
				defObj:".np_index_content_part"
	});
});