$(
	function(){
		var current = 1;
		var image_n = 3;
		var image_name_prefix = "image/news_";
		//
		$('#btn1').css('color','#ffffff');
		//
		function change_pic(cn,n){
			$('#the_image_container').css('background-image','url(' + image_name_prefix + cn + '.jpg)');
			//
			for(j=1;j<=image_n;j++){
				$("#btn"+j).attr('src','image/bubble.png');
			}
			$("#btn"+n).attr('src','image/bubblea.png');
			//console.log($('#the_image_container').css('background-image'));
			current = n;
			//
			$('#the_image').attr('src',image_name_prefix + current + '.jpg');
			$('#the_image').fadeOut(0);
			$('#the_image').fadeIn(300);
		}
		function auto_change(){
			var cn = current;
			if(current>=image_n){
				current = 1;
			}else{
				current++;
			}
			change_pic(cn,current);
		}
		var auto_id = setInterval(auto_change, 4000);
		////////
		for(i=1;i<=image_n;i++){
			$("#btn"+i).attr('name',i);
			$("#btn"+i).mouseover(
				function(){
					$(this).css('color','#ffffff');
				}
			);
			$("#btn"+i).mouseout(
				function(){
					if(parseInt($(this).attr('name')) != current){
						$(this).css('color','#5f5f5f');
					}
				}
			);
			$("#btn"+i).click(
				function(){
					//console.log(current);
					if(current != parseInt($(this).attr('name'))){
							clearInterval(auto_id);
							change_pic(current, parseInt($(this).attr('name')));
							auto_id = setInterval(auto_change, 4000);
					}
					//
					return false;
				}
			);
		}
	}
);