var openSlidePopup = function(idx)
{
	var win = window.open("/include/common/slidePupShow.jsp?play="+idx, "slidePupSho", "width=740, height=865, left=270, top=80, scrollbars=yes, resizable=no, status=no, toolbars=no, location=no, menu=no");
	win.focus(); 
}

/**
 * 슬라이드 핸들러
 */
var SlideHandler = function()
{
	var _instance  = null;
	var _slide_ele = null;
	var _avail_cnt = 0;
	var _total_cnt = 0;
	var _timer_obj = null;
	var _timer_idx = 0;
	var _timer_int = 0;
	
	
	/**
	 * [Private] 설정
	 */
	var _config =
	{
		listID	      : "slide_list",
		listCapacity  : 7,
		itemWidth     : 89,
		imageWidth    : 70,
		thumbList     : [],
		imageList     : [],
		startIndex    : 0,
		setTimer      : false,
		timerInterval : 1100,
		itemPopup     : false
	}
	
	
	/**
	 * [Private] 초기화 
	 */
	var _initialize = function()
	{
		//설정 초기화
		if (/^[0-9]+$/.test(_config.startIndex) == false) _config.startIndex = 0;
		
		//변수 초기화
		_slide_ele = document.getElementById(_config.listID);
		_avail_cnt = _config.thumbList.length;
		_total_cnt = Math.ceil(_avail_cnt / _config.listCapacity) * _config.listCapacity;
		_timer_int = _config.timerInterval;
		
		//리스트내 아이템 삭제
		while (_slide_ele.hasChildNodes()) _slide_ele.removeChild(_slide_ele.firstChild);
		
		//리스트에 아이템 추가
		for (var i = 0; i < _total_cnt; i++)
		{
			_slide_ele.appendChild(_createItem(i));
		}

		//엘리먼트 초기값
		_slide_ele.style.width = ((_config.itemWidth * _total_cnt) + (1 * _total_cnt)) + "px";
		_slide_ele.style.left  = "0px";
	}
	
	
	/**
	 * [Private] 아이템 생성
	 */
	var _createItem = function(idx)
	{
		var li = document.createElement("li");
		
		if (idx < _avail_cnt)
		{
			li.innerHTML = '\
				<a href="#" onclick="slideHandler.selectItem('+idx+');'+(_config.itemPopup ? ' openSlidePopup('+idx+');' : '')+' return false;"><img src="'+_config.thumbList[idx]+'" width="'+_config.imageWidth+'"/></a>\
				<div class="click" style="display:none"><img src="/ysrimg/common/img_slide_click_02.gif" width="'+_config.imageWidth+'"/></div>\
			'; 
		}
		else
		{
			li.innerHTML = '<img src="/ysrimg/common/noimg_02.gif" width="'+_config.imageWidth+'"/>';
		}
		
		return li;
	}
	
	

	return {
		/**
		 * [Public] 초기화
		 */
		initialize : function(args)
		{
			//인스턴스
			_instance = this;
			
			//설정
			if (args == null || typeof(args) != "object") args = {};
			for (var conf in args.config) _config[conf] = args.config[conf];
			
			//초기화
			_initialize();
			
			//선택
			_instance.selectItem(_config.startIndex);
			
			//타이머			
			if (_config.setTimer) _timer_obj = setTimeout(_instance.nextItem, _timer_int);
		},
		
		
		/**
		 * [Public] 선택
		 */
		selectItem : function(idx)
		{
			//메인 이미지
			var mainImg = document.getElementById("mainImg");
			if (mainImg != null) mainImg.src = _config.imageList[idx];
						
			//썸네일 이미지
			for (var i = 0; i < _avail_cnt; i++)
			{
				_slide_ele.childNodes[i].getElementsByTagName("div")[0].style.display = (i == idx ? "" : "none");
			}
			
			//이미지 번호
			var slide_number = document.getElementById("slide_number");
			if (slide_number != null) slide_number.innerHTML = (idx+1) + "/" + _avail_cnt;			

			//타이머
			_timer_idx = idx;
			if (_timer_obj != null) this.startTimer(); 
		},
		
		
		/**
		 * [Public] 다음 아이템
		 */
		nextItem : function()
		{
			var idx = (idx = _timer_idx + 1) < _avail_cnt ? idx : 0;
			
			//리스트 이동
			if (idx % _config.listCapacity == 0) _instance.moveList(idx);		
	
			//아이템 선택
			_instance.selectItem(idx);
		},
		
		
		/**
		 * [Public] 리스트 이동
		 */
		moveList : function(idx)
		{
			var from = parseInt(_slide_ele.style.left, 10);
			var to   = Math.floor(idx / _config.listCapacity) * _config.listCapacity * _config.itemWidth;
						
			_slide_ele.style.left = -to + "px";
		},
		
		
		/**
		 * [Public] 이전 리스트
		 */
		prevList : function()
		{
			var from = parseInt(_slide_ele.style.left, 10);
			var to   = (from + (_config.listCapacity * _config.itemWidth));
			
			if (to <= 0)
			{
				_slide_ele.style.left = to + "px";
			}
			else
			{
				alert_module.show('alert', {
	    			msg : message["board.alert.img.prevend"]
	    		});
			}
		},
		
		
		/**
		 * [Public] 다음 리스트
		 */
		nextList : function()
		{
			var from = parseInt(_slide_ele.style.left, 10);
			var to   = (from - (_config.listCapacity * _config.itemWidth));
			
			if (Math.abs(to - (1 * _total_cnt)) < parseInt(_slide_ele.style.width))
			{
				_slide_ele.style.left = to + "px"; 
			}
			else
			{
				alert_module.show('alert', {
	    			msg : message["board.alert.img.nextend"]
	    		});
			}
		},
		
		// [Public] 타이머 시작
		startTimer : function()
		{
			var btnPlay = document.getElementById("btnPlay");
			var btnStop = document.getElementById("btnStop");			
			if (btnPlay != null) btnPlay.style.display = "none";
			if (btnStop != null) btnStop.style.display = "";
			
			clearTimeout(_timer_obj);
			_timer_obj = setTimeout(_instance.nextItem, _timer_int);	
		},
		
		
		// [Public] 타이머 중지
		stopTimer : function()
		{
			var btnPlay = document.getElementById("btnPlay");
			var btnStop = document.getElementById("btnStop");			
			if (btnPlay != null) btnPlay.style.display = "";
			if (btnStop != null) btnStop.style.display = "none";
			
			clearTimeout(_timer_obj);
			_timer_obj = null;
		},
		
		
		// [Public] 간격
		setInterval : function(idx, ms)
		{
			var nbTime_1 = document.getElementById("nbTime_1");
			var nbTime_3 = document.getElementById("nbTime_3");
			var nbTime_5 = document.getElementById("nbTime_5");
			if (nbTime_1 != null) nbTime_1.className = (idx == 1 ? "first on" : "first");
			if (nbTime_3 != null) nbTime_3.className = (idx == 2 ? "on" : "");
			if (nbTime_5 != null) nbTime_5.className = (idx == 3 ? "on" : "");

			//타이머
			_timer_int = ms;
			if (_timer_obj != null) _instance.startTimer();
		}
	}
};



















//***********************************************************************//
//****************************** SLIDE PHOTO  ***************************//
//***********************************************************************//
//* /include/common/view_body.jsp 와 /include/common/SlidePupShow.jsp 의 *//
//* SLIDE PHOTO 부분의 공통적인 JS SCRIPT *// 



//**********************************************************************//
//****************************** view_body.jsp  ************************//
//**********************************************************************//


function imgSlideMessage(messageType){

	switch( messageType ){
		case "back":
                    alert_module.show('alert', {
		    			msg : " 이전 리스트가 없습니다."
		    		});			
		break;
		case "next":
                    alert_module.show('alert', {
		    			msg : " 다음 리스트가 없습니다."
		    		});			
	default: 
	}			
}


/*
 *  사이드 버튼 클릭시 back , next
*/
function fn_side_click(showType){
	
	var Slide = document.getElementById("hImgSlide1");
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var slideStartData = 0;
	var imagePlay = document.getElementById("imagePlay");
	var slide_number = document.getElementById("slide_number");
	
	var k = 0;
	var j = 0;
	var i = 0;
	
	switch( showType ){
		case "back":
			
			if(Slide.value=="1"){
				imgSlideMessage('back');
			}else{
				k =	parseInt(Slide.value,10)-6;
				for(i=0;i<7;i++){
					j= i+1;
					var imgSlide = document.getElementById("imgSlide"+j);
					var sImgSlide = document.getElementById("sImgSlide"+j);
					var hImgSlide = document.getElementById("hImgSlide"+j);
					var imgClick = document.getElementById("imgClick"+j);
					
					imgSlide.src =imageThumnailName[(k+i)].value;
					hImgSlide.value = ""+(k+(j));
					
					if(i==0){
						//sImgSlide.className="img_over";
						//imgClick.style.display = "block";
						slide_number.innerHTML = "("+(k+(j))+"/ "+imageThumnailName.length+")";
					}else{
						//sImgSlide.className="img_out";
						//imgClick.style.display = "none";
					}
				}
			}
			break;
		case "next":
			
			slideStartData = parseInt(Slide.value,10) + 6;
			
			if(imageThumnailName.length<=slideStartData){
				imgSlideMessage('next'); 	
			}else{
				k =	slideStartData;
				for(i=0;i<7;i++){
					j = i+1;
					
					var imgSlide = document.getElementById("imgSlide"+j);
					var hImgSlide = document.getElementById("hImgSlide"+j);
					var sImgSlide = document.getElementById("sImgSlide"+j);
					var imgClick = document.getElementById("imgClick"+j);
					
					hImgSlide.value = ""+(k+(j));
					
					if(imageThumnailName.length<(k+j)){
						
						imgSlide.src ="/ysrimg/common/noimg_02.gif";
					}else{
						imgSlide.src =imageThumnailName[(k+i)].value;
					}
					
					if(i==0){
						//sImgSlide.className="img_over";
						//imgClick.style.display = "block";
						slide_number.innerHTML = "("+(k+(j))+"/ "+imageThumnailName.length+")";
					}else{
						//sImgSlide.className="img_out";
						//imgClick.style.display = "none";
					}
				}
			}
			break;
		default: 
			alert("잘못된 호출");
			break;
	}	
}


/*
 * SLIDE IMAGE 클릭시 효과 
*/
function fn_side_img_Click(playType){
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var hImgSlide = document.getElementById("hImgSlide"+playType);
	var imgClick = document.getElementById("imgClick"+playType);
	var imagePlay = document.getElementById("imagePlay");
	var slide_number = document.getElementById("slide_number");
	
	
	var i=0;
	var playData = parseInt(hImgSlide.value);
	
	if(playData >imageThumnailName.length){
		return;
	}
	imagePlay.value = playData;
	for(i=0;i<7;i++){
		j=i+1;
		var sImgSlide = document.getElementById("sImgSlide"+(j));
		if(playType==j){
			//sImgSlide.className="img_over";
			//imgClick.style.display = "block";
		}else{
			//sImgSlide.className="img_out";
			//imgClick.style.display = "block";
		}
	}
	slide_number.innerHTML = "("+hImgSlide.value+"/ "+imageThumnailName.length+")";
	var imgSlide = document.getElementById("imgSlide"+playType);
	var hImgSlide = document.getElementById("hImgSlide"+playType);
	fn_setImgData(playData);
		
}


/*
 * 팝업호출 부분  ( SlidePupShow.jsp) 호출
 */
 
function fn_setImgData(play){
	
	var imgList = new Array();
	var imgThumnailName = new Array();
	var imagePath = document.getElementsByName("imagePath");
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var i=0;
	var pupWidth = 0;
	var pupHeight = 0;
	var surl  = "/include/common/slidePupShow.jsp?play=";

	for(i=0;i<imagePath.length;i++){
		imgList[i] = imagePath[i].value;
		imgThumnailName[i]= imageThumnailName[i].value;
	}

	var surl  = surl+play;
	
	if(navigator.appName=="Microsoft Internet Explorer"){
		if(navigator.appVersion.indexOf("MSIE 7.0") >= 0 ){
			pupWidth = "720";
			pupHeight = "820";
		}else{
			pupWidth = "720";
			pupHeight = "820";
		}
	}else{
		pupWidth = "720";
		pupHeight = "820";
	}
	var win = window.open(surl, "slidePupShow", "width="+pupWidth+",height="+pupHeight+",left=270,top=80,scrollbars=auto,resizable=no,status=no,toolbar=no,location=no,menu=no");
	win.focus(); 
}

/*
 * 슬라이드 보기 버튼 클릭시
 */
function fn_View_slide(){
	var imagePlay = document.getElementById("imagePlay");
	fn_side_img_Click(imagePlay.value);
}



//**********************************************************************//
//********************** SlidePupShow.jsp(팝업)  ************************//
//**********************************************************************//

// play 사용시 Interval 의 Id
var imgIntervalId = 0;


 	 
/*
 * slidePupShow.jsp LOAD 시 화면에 데이타 세팅
 * 세팅이 끝나면 바로 PLAY 된다.  
 */ 
 
function DOC_IMG_LOAD(){

   var objmsg = new Object();
   	objmsg = opener.imgOpenerData();
   	
	
	var imgList = new Array();
	var imgThumnailName = new Array();
	
	var i=0;
	var j=0;
   	var k=0;
   	var play = 0;
   	
   	var playImage = document.getElementById("playImage");
   	var mainImg = document.getElementById("mainImg");
   	
   	var tmp=window.location;
	tmp=String(tmp).split('?'); 
	var tmp2=tmp[1].split('='); 
	play = parseInt(tmp2[1]); 

	for(i=0;i<objmsg.imagePath.length;i++){
		imgList[i] = objmsg.imagePath[i];
		imgThumnailName[i]= objmsg.sni[i];
		
	}
	
   	var slideStartData = 0; 
	for(i=0;i<imgList.length;i++){
		var oHidden = document.createElement("input");
   		oHidden.type = "hidden";
   		oHidden.name = "imagePath";
   		oHidden.id = "imagePath";
		oHidden.value = imgList[i];
		document.body.appendChild(oHidden);
		
		var oHidden = document.createElement("input");
   		oHidden.type = "hidden";
   		oHidden.name = "imageThumnailName";
   		oHidden.id = "imageThumnailName";
		oHidden.value = imgThumnailName[i];
		document.body.appendChild(oHidden);
		
	}
	var slide_number = document.getElementById("slide_number");
	slide_number.innerHTML = play +"/ "+ objmsg.imagePath.length;
	
	if(play>7){
		
		
		slideStartData = parseInt(play/7,10);
		slideStartData= slideStartData*7;
	
		for(i=0;i<7;i++){
			k = slideStartData ;
			j = i + 1;
			var imgSlide = document.getElementById("imgSlide"+j);
			var hImgSlide = document.getElementById("hImgSlide"+j);
			var sImgSlide = document.getElementById("sImgSlide"+j);
			
			
			if((j+k)>imgThumnailName.length){
				imgSlide.src = "/ysrimg/common/noimg_02.gif";
			}else{
				imgSlide.src =imgThumnailName[k+i];
			}
			
			hImgSlide.value = ""+(k+j);
			
			if(play == k+j){
				mainImg.src = imgList[k+i];
				playImage.value = (k+j);
				//sImgSlide.className="img_over";
			
			}else{
				//sImgSlide.className="img_out";
			}
		}
		
	}else{

		for(i=0;i<7;i++){
			k = 0;
			j = i + 1;
			var imgSlide = document.getElementById("imgSlide"+j);
			var hImgSlide = document.getElementById("hImgSlide"+j);
			var sImgSlide = document.getElementById("sImgSlide"+j);
			
			hImgSlide.value = ""+j;
			
			if(j>imgThumnailName.length){
				imgSlide.src = "/ysrimg/common/noimg_02.gif";
			}else{
				imgSlide.src =imgThumnailName[(k+i)];
			}
			if(play == j){
				
				mainImg.src = imgList[i];
				playImage.value = k+j;
				//sImgSlide.className="img_over";
				
				var slide_number = document.getElementById("slide_number");
				slide_number.innerHTML = play +"/ "+ imgList.length;	
				
			}else{
				//sImgSlide.className="img_out";
			}
		
		}
		
	}
	
	if(imgIntervalId==0){
		fn_slideControl('play');		
	}
	
}


/*
 * 데이타 전송부분 (SlidePupShow.jsp 에서  view_body.jsp 를 호출하여 데이터를 받아옴) 
 */
function imgOpenerData(){
	
	var objmsg = new Object();
	var imgList = new Array();
	var imgThumnailName = new Array();
	var imagePath = document.getElementsByName("imagePath");
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	
	var i=0;
	for(i=0;i<imagePath.length;i++){
		imgList[i] = imagePath[i].value;
		imgThumnailName[i]= imageThumnailName[i].value;
	}
	
	objmsg.imagePath =imgList;
	objmsg.sni =imgThumnailName;
	
	return objmsg;
}

/*
 * 플레이어 ( play , stop ) 
 */

function fn_slideControl(slideType){
	
	var txtTime = document.getElementById("txtTime");
	var dtime = parseInt(txtTime.value);
	var txtOverTime = document.getElementById("txtOverTime");
	var btnPlay = document.getElementById("btnPlay");
	var btnStop = document.getElementById("btnStop");
	
	
	
	switch( slideType ){
		case "play":
			
			if(imgIntervalId!=0){
				clearInterval(imgIntervalId);
				imgIntervalId = 0;
			}
			
			
			/*
			btnStop.style.visibility = "visible";
			btnPlay.style.visibility = "hidden";
			*/
			btnStop.style.display = "";
			btnPlay.style.display = "none";
			if(imgIntervalId==0){
				imgIntervalId = setInterval("fn_showSlideTime()",dtime);	
			}
			break;
		case "stop":
			/*
			btnStop.style.visibility = "hidden";
			btnPlay.style.visibility = "visible";
			*/
			btnStop.style.display = "none";
			btnPlay.style.display = "";
			
			
			if(imgIntervalId!=0){
				clearInterval(imgIntervalId);
				imgIntervalId = 0;
				txtOverTime.value = "true";
			}
			
			break;
		default: 
				alert("잘못된 호출");
			break;
	}	
}

/*
 * PLAY 타임어 
 */
function fn_showSlideTime(){
	
	var mainImg = document.getElementById("mainImg");
	var playImage = document.getElementById("playImage");
	var imagePath = document.getElementsByName("imagePath");
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var txtOverTime = document.getElementById("txtOverTime");
	var hImgSlide = document.getElementById("hImgSlide1");
	var range = parseInt(hImgSlide.value,10);
	var playno = parseInt(playImage.value,10);
	playno = playno+1;
	
	if(imagePath.length<playno){
		playImage.value = "1";
		playno = 1;
	}else{
		playImage.value = playno;
	}
	var pMod = 0;
	if(playno>7){
		pMod = playno%7;
		if(pMod==0){
			pMod = 7;
		} 
		if(pMod=="1"){
			txtOverTime.value = "true";
			fn_pup_side_Time_Next('next');
		}else{
			
			if(range <= playno && (range+6) >= playno){
				txtOverTime.value = "true";
			}
			if(txtOverTime.value == "true"){
				fn_Pup_side_img_Click(pMod);
			}else{
				fn_pup_side_Time(pMod);
			}
		}
	}else{
		if(playno==1){
			txtOverTime.value = "true";
			ImgLoad();	
		}else{
			if(range <= playno && (range+6) >= playno){
				txtOverTime.value = "true";
			}
			if(txtOverTime.value == "true"){
				fn_Pup_side_img_Click(playno);
			}else{
				fn_pup_side_Time(playno);
			}
		}
	}

}

/*
 * 상 하 부분 동시 작동 여부 
 * PLAY 가 되고 있는 상황에서 사이드 버튼을 클릭했는지 안햇는지 확인하는 부분
 */
 
function fn_slideOverTime(){
	var txtOverTime = document.getElementById("txtOverTime");
	
	if(txtOverTime.value == "true"){
		txtOverTime.value = "false";
	}else{
		txtOverTime.value = "true";
	}
	
}


/*
 * PLAY 시 사이드 버튼을 클릭하여 아래부분만 작동 되는 기능
 * 
*/
function fn_pup_side_Time(playType){
	
	var imagePath = document.getElementsByName("imagePath");
	var playImage = document.getElementById("playImage");
	var mainImg = document.getElementById("mainImg");
	var play =  parseInt(playImage.value);
	
	if(play >imagePath.length){
		return;
	}
	
	mainImg.src = imagePath[play-1].value;
	var slide_number = document.getElementById("slide_number");
	slide_number.innerHTML = play +"/ "+ imagePath.length;
		
	
}

/*
 * PLAY 시 페이지 전환 했을때 효과
 * 
*/

function fn_pup_side_Time_Next(showType){
	
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var imagePath = document.getElementsByName("imagePath");
	var slide_number = document.getElementById("slide_number");
	var mainImg = document.getElementById("mainImg");
	
	var playImage = document.getElementById("playImage");
	var Slide = document.getElementById("hImgSlide1");
	
	var txtOverTime = document.getElementById("txtOverTime");
	//txtOverTime.value == "false"
	
	var play = parseInt(playImage.value);
	var slideStartData = 0;

	switch( showType ){
		case "next":
			slideStartData =parseInt(play/7,10) ;
			slideStartData = slideStartData*7;
			k =	slideStartData;
			for(i=0;i<7;i++){
				j = i+1;
				var imgSlide = document.getElementById("imgSlide"+j);
				var hImgSlide = document.getElementById("hImgSlide"+j);
				var sImgSlide = document.getElementById("sImgSlide"+j);
					
				if(imageThumnailName.length<(k+j)){
					imgSlide.src ="/ysrimg/common/noimg_02.gif";
				}else{
					imgSlide.src =imageThumnailName[(k+i)].value;
				}
				hImgSlide.value = ""+(k+(j));
				if(i==0){
					mainImg.src = imagePath[(k+i)].value;
					sImgSlide.className="img_over";
					playImage.value = hImgSlide.value;
					slide_number.innerHTML = (k+(j)) +"/ "+ imagePath.length;
				}else{
					sImgSlide.className="img_out";
				}
			}
			break;
		default: 
			alert("잘못된 호출");
			break;
	}	
	
}

/*
 * SLIDE 사이트 버튼 효과 버튼 클릭시 ( back , next)
*/

function fn_pup_side_click(showType){
	
	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var imagePath = document.getElementsByName("imagePath");
	var slide_number = document.getElementById("slide_number");
	var mainImg = document.getElementById("mainImg");
	var playImage = document.getElementById("playImage");
	var Slide = document.getElementById("hImgSlide1");
	var txtOverTime = document.getElementById("txtOverTime");
	var play = parseInt(Slide.value);
	
	var slideStartData = 0;
	
	switch( showType ){
		case "back":
			if(play<=7){
				imgSlideMessage('back'); 	
			}else{
				var k = 0;
				slideStartData = parseInt(Slide.value,10)-8;
				k = slideStartData;
				
				for(i=0;i<7;i++){
					
					j= i+1;
					var imgSlide = document.getElementById("imgSlide"+j);
					var hImgSlide = document.getElementById("hImgSlide"+j);
					var sImgSlide = document.getElementById("sImgSlide"+j);
					
					imgSlide.src = imageThumnailName[(k+i)].value;
					hImgSlide.value = ""+(k+(j));
					
					if(parseInt(playImage.value) == (k+j) ){
						sImgSlide.className="img_over";
					}else{
						sImgSlide.className="img_out";
					}
				}
			}
			break;
		case "next":
			
			slideStartData = parseInt(Slide.value,10) + 6;
			if((imagePath.length)<=slideStartData){
				imgSlideMessage('next'); 	
			}else{
				k =	slideStartData;
				for(i=0;i<7;i++){
					j = i+1;
					var imgSlide = document.getElementById("imgSlide"+j);
					var hImgSlide = document.getElementById("hImgSlide"+j);
					var sImgSlide = document.getElementById("sImgSlide"+j);
					
					if(imageThumnailName.length<(k+j)){
						imgSlide.src ="/ysrimg/common/noimg_02.gif";
					}else{
						imgSlide.src =imageThumnailName[(k+i)].value;
					}
					hImgSlide.value = ""+(k+(j));
					if(k+(j)==parseInt(playImage.value)){
						sImgSlide.className="img_over";
					}else{
						sImgSlide.className="img_out";
					}
				}
			}
			break;
		default: 
			alert("잘못된 호출");
			break;
	}	
}




/*
 * 처음 로드 형태 (현재는 PLAY 중 마지막 페이지에 왔을때 보여줌)
 */

function ImgLoad(){
	
	var imagePath = document.getElementsByName("imagePath");
   	var imageThumnailName = document.getElementsByName("imageThumnailName");
	var playImage = document.getElementById("playImage");
	var mainImg = document.getElementById("mainImg");
	
	var i=0;
	
	for(i=0;i<7;i++){
		j = i + 1;
		var imgSlide = document.getElementById("imgSlide"+j);
		var hImgSlide = document.getElementById("hImgSlide"+j);
		var sImgSlide = document.getElementById("sImgSlide"+j);
		
		hImgSlide.value = ""+j;
		if(j>imageThumnailName.length){
			sImgSlide.src = imgSlide.src ="/ysrimg/common/noimg_02.gif";
		}else{
			imgSlide.src = imageThumnailName[i].value;
		}
		if(i == 0){
			mainImg.src = imagePath[i].value;
			sImgSlide.className="img_over";
			var slide_number = document.getElementById("slide_number");
			slide_number.innerHTML = 1 +"/ "+ imagePath.length;	
		}else{
			sImgSlide.className="img_out";
		}
		
		
	}
	
}


/*
 * SLIDE 이미지 클릭시 효과 
*/
function fn_Pup_side_img_Click(playType){
	
	var imagePath = document.getElementsByName("imagePath");
	var playImage = document.getElementById("playImage");
	var hImgSlide = document.getElementById("hImgSlide"+playType);
	var imgClick = document.getElementById("imgClick"+playType);

	var mainImg = document.getElementById("mainImg");
	var play =  parseInt(hImgSlide.value);
	
	if(play >imagePath.length){
		return;
	}
	 
	for(var i = 0; i < 7; i++){
		var j = i + 1;
		
		document.getElementById("imgClick"+j).style.display = (j == playType ? "" : "none");
		//var sImgSlide = document.getElementById("sImgSlide"+(j));
		//imgClick.style.display = "none";
		//if(playType==j){
			//sImgSlide.className="img_over";
		//	imgClick.style.display = "block";
		//}else{
			//sImgSlide.className="img_out";
		//	imgClick.style.display = "none";
		//}
	}
	playImage.value= ""+play;
	mainImg.src = imagePath[play-1].value;
	var slide_number = document.getElementById("slide_number");
	slide_number.innerHTML = play +"/ "+ imagePath.length;	
	
	var txtOverTime = document.getElementById("txtOverTime");
	txtOverTime.value = "true";
}

/*
 * 밑에 이미지만 따로 PLAY 되는 효과 
*/
/*
function fn_Pup_side_out(playType){
	
	var imagePath = document.getElementsByName("imagePath");
	var playImage = document.getElementById("playImage");
	var hImgSlide = document.getElementById("hImgSlide"+playType);
	var mainImg = document.getElementById("mainImg");
	var play =  parseInt(hImgSlide.value);
	
	
	if(play >imagePath.length){
		return;
	}
	playImage.value= ""+play;
	mainImg.src = imagePath[play-1].value;
	
	var slide_number = document.getElementById("slide_number");
	slide_number.innerHTML = play +"/ "+ imagePath.length;	
}
*/