Tab 버튼을 선택했을 때, 버튼들 이미지 변경하는 것 관련해서 질문드립니다.

$(document).ready(function() {
	
	/************************
	@ visual tab 마우스 이벤트 등록
	************************/
	$('.visual_tab ul > li').bind('click mouseenter mouseleave',function(event){
		if(event.type == 'mouseenter'){
			//마우스 오버
			visualOver($(this));

		}else if(event.type == 'mouseleave'){
			//마우스 아웃
			visualOut($(this));
		}else{
			//마우스 클릭
			if(_cur != $(this).index()){
				_prev = _cur;
				_cur = $(this).index();
				visual_change($(this).index());
			}
		}
	});

	/************************
	@ visual 초기화
	************************/
	visual_len = $('.visual_obj_group > div').length;
	visual_init();
	visualTimer = setInterval(autoTimer,_time);

	$('.visual_content').bind('mouseenter mouseleave',function(event){
		if(event.type == 'mouseenter'){
			clearInterval(visualTimer)	
//			console.log('enter');
		}else{
			visualTimer = setInterval(autoTimer,_time);			
//			console.log('leave');
		}
	});
	//탭 버튼 하나에 대한 on, off
	$('.visual_tab > ul > li > img').each(function(idx) {
	var aSrc = $(this).attr('src').replace('_on.png', '_off.png');
	$(this).attr('src', aSrc);
		$(this).click(function() {
		var sSrc = $(this).attr('src');
			if(sSrc.indexOf('_on')>-1){ 
				$(this).prop('src',sSrc.replace('_on','_off')) 
			} 
			else{ 
				$(this).prop('src',sSrc.replace('_off','_on')) 
			} 
		});
	});
	
	//탭 변경에 대한 on, off
	$('.visual_tab ul li').click(function(idx){
		$('.visual_tab ul li > img').each(function(){
			$(this).attr("src",$(this).attr("src").replace("on","off"));
		});
		$(this).find('img').attr("src",$(this).find('img').attr("src").replace("off","on"));
		
	});
});