/**
	*   V 1.5
	*   
	*   여러 게의 스크롤을 사용할수 있도록 수정
	*   스크롤 를 사용하기 위한 방법
	*
	*	<div id="scroll_wrapper" style="overflow:hidden; position:relative; width:840; height:40px; left:0; top:0;">
	*		<div id="scroll_div_01" style="position:absolute; top:5;"></div>
	*		<div id="scroll_div_02" style="position:absolute; top:5;"></div>
	*	</div>
	*   스크롤 될 오브젝트를 생성 한후 
	*   각 오프젝트를 가리키는 id 값을 설정  
	*   각 오브젝트에 대한 초기 값은 scrollObjct 함수 수행후 제 정의 함으로써 각각의 스크롤에 특성에 맞게 사용 가능 
	*   scroll_init() 함수로 초기화 해줌( srcoll_init() 함수는 스크롤의 특성에 따라 수정 가능 )
	* ex) 
	* 	var scrollObj_01 = scrollObject("scroll_div_01", "scroll_div_02");
	*   scrollObj_01.id = "scrollObj_01";
	*   scroll_init(scrollObj_01);
	*   
  	*   작성자 : 안종철
  	*   작성일 : 2009-10-11
	*/

	// 스크롤 기본 설정 값을 가지는 오브젝트 반환
	// @param div_01_id  스크롤될 영역 하위 div 01의 아이디
	// @param div_02_id  스크롤될 영역 하위 div 02의 아이디
	function scrollObject(div_01_id, div_02_id)
	{
		var scroll_object					= new Object();
		scroll_object.id					= "";										// 자신을 포함할 오프젝트의 아이디

		scroll_object._div_01				=  document.getElementById(div_01_id);		// 스크롤 div1
		scroll_object._div_02				=  document.getElementById(div_02_id);		// 스크롤 div2

		scroll_object._timer;															// 타이머
		scroll_object.count					= 0 ;										// innerHtml에 들어갈 순서  count
		scroll_object._horizontalDirection  = 1;										 // 1 : 오른쪽으로 이동, -1 : 왼쪽이동
		scroll_object._verticalDirection	= -1;										// 스크롤될 방향 ( -1 : 위 , 1 : 아래 )
		scroll_object._scroll_width			= 953;										// 스크롤 영역의 너비
		scroll_object._scroll_height		= 40;										// 스코를 영역의 높이
		scroll_object._scroll_sub_width		= 0;										// 스크롤 되는 하위 div의 너비
		scroll_object._scroll_sub_height	= 40;										// 스크롤 되는 하위 div의 높이
		scroll_object._div_01_top			= 5;										// 스크롤할 div 1번의 top 위치
		scroll_object._div_02_top			= 5;										// 스크롤할 div 2번의 top 위치
		scroll_object._div_01_left			= 0;										// 스크롤할 div 1번의 left 위치
		scroll_object._div_02_left			= scroll_object._scroll_sub_width;			// 스크롤할 div 2번의 left 위치
		
		scroll_object.image_width			= 100;										//이미지 너비 
		scroll_object.image_height			= 50;										//이미지 높이 
		
		scroll_object._fitst_yn				= true;										// 처음 시작 여부

		scroll_object.SCROLL_GAP			= 1;										// 스크롤 시간당 거리
		scroll_object.SCROLL_TIME			= 30;										// 스크롤 시간 간격
		scroll_object.CENTER_STOP_YN		= true;										// 스코롤중 정가운데 위치할경우 스크롤을 잠시 먼출지 결정
		scroll_object.STOP_TIME				= 4000;										// 스코롤이 중지된후 다시 제개 될때의 시간
		scroll_object.OVER_STOP_YN			= true;										// 마우스가 over된 상태일경우 스크롤을 잠시 먼출지 결정

		return scroll_object;
	}


	// 스크롤 시작
	function scrollStart(scrollObj)
	{
		scrollObj._timer = setInterval("scrollHorizontal("+scrollObj.id+")", scrollObj.SCROLL_TIME);
	}

	// 좌우 이동 함수
	function scrollHorizontal(scrollObj)
	{
		// 오른쪽 이동
		if(scrollObj._horizontalDirection > 0)
		{
			if(scrollObj._div_01_left == scrollObj._scroll_sub_width)
			{
				scrollObj._div_01_left =  -1 * scrollObj._scroll_sub_width;
				scrollObj._div_01.style.left = scrollObj._div_01_left;
			}
			else if(scrollObj._div_02_left == scrollObj._scroll_sub_width)
			{
				scrollObj._div_02_left =  -1 * scrollObj._scroll_sub_width;
				scrollObj._div_02.style.left = scrollObj._div_02_left;
			}
		}
		// 왼쪽 이동
		else
		{
			if(scrollObj._div_01_left == -1*scrollObj._scroll_sub_width)
			{
				scrollObj._div_01_left = scrollObj._scroll_sub_width;
				scrollObj._div_01.style.left = scrollObj._div_01_left;
			}
			else if(scrollObj._div_02_left == -1* scrollObj._scroll_sub_width)
			{
				scrollObj._div_02_left =  scrollObj._scroll_sub_width;
				scrollObj._div_02.style.left = scrollObj._div_02_left;
			}

		}

		scrollObj._div_01_left = scrollObj._div_01_left + scrollObj._horizontalDirection * scrollObj.SCROLL_GAP;
		scrollObj._div_02_left = scrollObj._div_02_left + scrollObj._horizontalDirection * scrollObj.SCROLL_GAP;
		scrollObj._div_01.style.left = scrollObj._div_01_left +"px";
		scrollObj._div_02.style.left = scrollObj._div_02_left +"px";
	}

	//마우스 오버 되었을 경우 :  스크롤 정지
	function scroll_stop(scrollObj)
	{
		if(scrollObj.OVER_STOP_YN) clearInterval(scrollObj._timer);

	}
	//마우스 아웃 되었을 경우 :  스크롤 다시 시작
	function scroll_restart(scrollObj)
	{
		if(scrollObj.OVER_STOP_YN) scrollStart(scrollObj);
	}

	// 배너 링크 창 띄우기
	function scroll_banner_link(url)
	{
		window.open(url);
	}


	//-----------------------------------------------------
	//
	// 각 스크롤의 특성에 따라 수정 해 주어야 하는 함수 
	// scroll_init(); bannerArray();
	//
	//-----------------------------------------------------
	// 스크롤 배너 초기값 계산
	// 각각의 스크롤에 맞게 초기화 한다.
	// 각각의 스크롤 스타일에 따라 달라 질수 있다.
    // @param 스크롤 오브 젝트
	function scroll_init( scrollObj )
	{
		// 배너 정보 배열
		var bannerArr = bannerArray();

		// 배너 오브젝트 배열
		var objectWidth = "152";
		var objectArr = new Array();
		for (var i = 0 ; i < bannerArr.length ; i++)
		{
			objectArr[i] = '<p class="banimg"><img src="/common/image/ko/contents/'+bannerArr[i].name+'" onmouseover="scroll_stop('+scrollObj.id+');" onmouseout="scroll_restart('+scrollObj.id+');" style="cursor:hand;" onclick="scroll_banner_link(\''+bannerArr[i].link+'\')" alt="'+bannerArr[i].alt+'"/></p>';
			//objectArr[i] = objectArr[i] + '<img src="/common/image/ko/common/line.gif" align="absmiddle" style="margin:0 8px;" width="1px">';
		}
		// 각 스크롤 DIV html 값 넣기 에 넣기
		for (i = 0; i < objectArr.length ; i++)
		{
			scrollObj._div_01.innerHTML = scrollObj._div_01.innerHTML + objectArr[i];
			scrollObj._div_02.innerHTML = scrollObj._div_02.innerHTML + objectArr[i];
		}

		// 서브 너비 설정
		scrollObj._scroll_sub_width = objectWidth * objectArr.length ;

		// 하위 div에 들어가 있는 영역의 너비가 스크롤 너비 보다 작을 경우 하위 div를 2배로
		if(scrollObj._scroll_sub_width < scrollObj._scroll_width )
		{
			scrollObj._scroll_sub_width = scrollObj._scroll_sub_width * 2;
			scrollObj._div_01.innerHTML = scrollObj._div_01.innerHTML + scrollObj._div_01.innerHTML;
			scrollObj._div_02.innerHTML = scrollObj._div_02.innerHTML + scrollObj._div_02.innerHTML;
		}
		scrollObj._div_02_left = scrollObj._scroll_sub_width;
		//초기 너비 설정
		scrollObj._div_01.style.width  = scrollObj._scroll_sub_width + "px";
		scrollObj._div_01.style.left   = 0;
		scrollObj._div_02.style.width  = scrollObj._scroll_sub_width + "px";
		scrollObj._div_02.style.left   = scrollObj._div_02_left;

		scrollStart(scrollObj);
	}

	// 스크롤될 배너 배열 반환
	function bannerArray()
	{
		var bannerArr		= new Array();

		bannerArr[0]		= new Object();
		bannerArr[0].name	= "ban00.gif";
		bannerArr[0].link	= "http://www.busan.go.kr";
		bannerArr[0].alt	= "부산광역시";

		bannerArr[1]		= new Object();
		bannerArr[1].name	= "ban01.gif";
		bannerArr[1].link	= "http://www.kwwa.or.kr/";
		bannerArr[1].alt	= "상하수도협회";

		bannerArr[2]		= new Object();
		bannerArr[2].name	= "ban02.gif";
		bannerArr[2].link	= "http://www.incheon.go.kr/";
		bannerArr[2].alt	= "인천광역시";

		bannerArr[3]		= new Object();
		bannerArr[3].name	= "ban03.gif";
		bannerArr[3].link	= "http://www.g-growth.or.kr/korean/index.asp";
		bannerArr[3].alt	= "저탄소녹색성장박람회";

		bannerArr[4]		= new Object();
		bannerArr[4].name	= "ban04.gif";
		bannerArr[4].link	= "http://www.konetic.or.kr";
		bannerArr[4].alt	= "코네틱";

		bannerArr[5]		= new Object();
		bannerArr[5].name	= "ban05.gif";
		bannerArr[5].link	= "http://www.epa.or.kr";
		bannerArr[5].alt	= "환경보전협회";


		bannerArr[6]		= new Object();
		bannerArr[6].name	= "ban06.gif";
		bannerArr[6].link	= "http://www.keiti.re.kr";
		bannerArr[6].alt	= "한국환경산업기술원";

		bannerArr[7]		= new Object();
		bannerArr[7].name	= "ban07.gif";
		bannerArr[7].link	= "http://www.me.go.kr/";
		bannerArr[7].alt	= "환경부";

		bannerArr[8]		= new Object();
		bannerArr[8].name	= "ban08.gif";
		bannerArr[8].link	= "http://www.envex.or.kr/";
		bannerArr[8].alt	= "환경보전협회";
		
		bannerArr[9]		= new Object();
		bannerArr[9].name	= "ban09.gif";
		bannerArr[9].link	= "http://www.ks01.kr/";
		bannerArr[9].alt	= "광신열력공사";

		return bannerArr;
	}