$(document).ready(function(){
		var z_index_no=0;
		var p_total=3;	
		var no=1;
		function bg_change(index){
				z_index_no+=1;
				 if(index>p_total){
						index=1;						
				 }
				$('#slider_image'+index).css({'z-index':z_index_no,'opacity':'0'});
				$('#slider_image'+index).stop(true).animate({opacity:1},1250,'swing');
		    	 $('.control_btn[data-index='+index+']').addClass('active');
				 $('.control_btn[data-index!='+index+']').removeClass('active');				
		}
		 $('.control_btn').each(function(index){
			$(this).attr('data-index',index+1);
		 }).click(function(){
			 if($(this).attr('data-index')!=no){
				stop_rolling();
				index_no = $(this).attr('data-index');
				no=Number(index_no);
				bg_change(no);
				auto_rolling();
			 }
		 
		 });
		 $('.left_btn').click(function(){			 
			if(no>1){
				no-=1;
				stop_rolling();
				bg_change(no);
				auto_rolling();				
			}else{
				return;
			}
			
		});
		$('.right_btn').click(function(){
			no+=1;
			if(no>p_total){
				no=1;				
			}
			stop_rolling();
			bg_change(no);
			auto_rolling();
		});
		var auto_rolling=function(){		
			rolling=setInterval(function(){
				 no+=1;
				 if(no>p_total){
						no=1;						
				 }
				bg_change(no);
			},3000);
		}

		var stop_rolling=function(){
			clearInterval(rolling);
		}
		$('.control_btn[data-index=1]').addClass('active');
		bg_change(no);
		auto_rolling();
});