$(function(){
	var cur_num = 0;
	var next_num = 1;
	var wrap = $('.top_pic');
	var cur_img = $('.gall-curent-image');
	var next_img = $('.gall-next-image');
	var gallery_interval;
	var im = new Image();
	im.onload = function () {
		window.clearInterval(gallery_interval);
		$('.pics_navigation li').removeAttr('class');
		next_img.attr('src',images[next_num]);
		cur_img.animate({
			'opacity' : 0
		},500,function () {
			wrap.attr('onClick','document.location="' + img_urls[next_num] + '"');
			cur_img.attr('src','');
			cur_img.attr('src',next_img.attr('src'));
			cur_img.css('opacity',1);
			gallery_interval = window.setInterval(next_image,5000);
			cur_num = next_num;
			$('.pics_navigation li').eq(cur_num).attr('class','active')
		});
	};
	function next_image () {
		next_num = cur_num + 1;
		window.clearInterval(gallery_interval);
		if (next_num>=images.length) next_num = 0;
		im.src = images[next_num];
	}
	if (images.length>1){
		gallery_interval = window.setInterval(next_image,5000);
	}
	$('.pics_navigation li').click(function(){
		window.clearInterval(gallery_interval);
		next_num = $(this).index();
		console.log(images[next_num]);
		$('.pics_navigation li').removeAttr('class');
		im.src = images[next_num];
		
	})
})