///////////////////////////////////////////////////////////////////////////////////////
//
//	½ºÅ©·ÑÀ» ÇÏ¸é ¹è³Ê°¡ ÀÏÁ¤ À§Ä¡·Î µû¶ó´Ù´Ñ´Ù.
//
//		ver 1.0
//
//		¹è³Ê ÀÚü°¡ È­¸é ½ºÅ©·Ñ¿¡ µû¶ó¼­ ÀÏÁ¤ÇÏ°Ô ¿òÁ÷ÀδÙ.



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

var _initTop = 0;
var _layerID = "";

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

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

function _FlowBanner ()
{
	var layer = document.all[_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 ( "scrollB", 118 );
}


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



///////////////////////////////////////////////////////////////////////////////////////
//
//	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>
*/