같은 형식이 반복되는 요소에 마우스 이벤트가 발생하여 액션(요소변경, (이미지변경))을 주기 위해  반복되는 요소가 몇번쨰 인지 
인덱스 값이 필요하다. 

jquery 선택인자 index 찾기 
li로 이루어진 리스트에 몇번째 li인지 index 찾기

//jquery
var index = $("li").index(this);

Array(배열)통해  데이터를 push하고 선택요소를 꺼내 오는 방법

			var pop_imgs = [];
			pop_imgs.push({ h2:"title_name", img1:"xxx1.jpg", img2:"xxxa.jpg"});  //index0
			pop_imgs.push({ h2:"title_name", img1:"xxx2.jpg", img2:"xxxb.jpg"});			
			pop_imgs.push({ h2:"title_name", img1:"xxx3.jpg", img2:"xxxc.jpg"});	
			pop_imgs.push({ h2:"title_name", img1:"xxx4.jpg", img2:"xxxd.jpg"});	

			$("body").css("overflow","hidden");
			$(".layer_event_cont").removeClass("layer_event_cont_height1");
			$(".layer_event_cont").removeClass("layer_event_cont_height2");
			
			var index = $(".btn_event").index(this);
			if( index == 0){
					$(".layer_event_nav").show();
			}else{
					$(".layer_event_nav").hide();
			}
			$(".layer_event_head h2").html( pop_imgs[index]["h2"] );
			$(".layer_event_cont").addClass(pop_imgs[index]["img1"]);
			$(".layer_event_cont").append("<img src='/"+pop_imgs[index]["img2"]+"' alt='' />");