///////////////////////////////////////////////////////////////////////////////////////
//
//	스크롤을 하면 배너가 일정 위치로 따라다닌다.
//
//		ver 1.0
//
//		배너 자체가 화면 스크롤에 따라서 일정하게 움직인다.



///////////////////////////////////////////////////////////////////////////////////////
//
//	Flow Function

var _initTop = 0;
var _layerID = "";

function FlowBanner ( id, initTop )
{
	//var layer = document.all[id];
	var layer = document.getElementById(id);
	layer.style.top = initTop;

	_layerID = id;
	_initTop = initTop;
	_FlowBanner ( id );
}

function _FlowBanner ()
{
	//var layer = document.all[_layerID];
	var layer = document.getElementById(_layerID);
	
	var currentTop = parseInt ( layer.style.top );
	var baseTop = parseInt ( document.body.scrollTop );
	var nextTop = baseTop + _initTop;

	var distance = ( nextTop - currentTop ) / 15;
	
	if ( distance > 10 )
		distance = 10;
	else if ( distance < -10 )
		distance = -10;

	layer.style.top = currentTop + distance;

	
	setTimeout ( "_FlowBanner()", 3 );
}

function init ()
{
 FlowBanner ( "scrollBanner", 121 );
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

///////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////



///////////////////////////////////////////////////////////////////////////////////////
//
//	Example
//		다음 코드는 실제 HTML 상에서 어떻게 쓰여야 하는지를 보여준다.

/*

<!-- Include Script -->
<script src="flow.js"></script>

<script>
function init ()
{
	FlowBanner ( "mbcBanner", 170 );
}
</script>

<!-- HTML CODE -->

<div id="mbcBanner" style="position:absolute; z-index:1; left: 100px; top: 110px"> 
	<!-- 사용하기 위한 배너에 대한 HTML CODE -->
	<!-- style 에서 position 은 relative 로 명시해주어야 한다. -->
	<div id="b01" style="position:relative"><img src="img/life_scroll.gif"></div>
	<div id="b02" style="position:relative"><img src="img/life_scroll_2.gif"></div>
	<div id="b03" style="position:relative"><img src="img/life_scroll_3.gif"></div>
	<div id="b04" style="position:relative"><img src="img/life_scroll_4.gif"></div>
	<div id="b05" style="position:relative"><img src="img/life_scroll_5.gif"></div>
</div>

<script>
init ();
</script>
*/