/*
	<div class="banner">
		<div class="bannerClass" image="images/bannerImage/@bn_01.gif" pageLink="event1.html"></div>
		<div class="bannerClass" image="images/bannerImage/@bn_02.gif" pageLink="event1.html"></div>
		<div class="bannerClass" image="images/bannerImage/@bn_03.gif" pageLink="event1.html"></div>
	</div>
*/

var bannerNum;
var bannerInterval;
var currentBannerCount = 0;
var bannerPlayChk;

function bannerInit()
{
	bannerNum = parseInt ( $(".banner .bannerWrapper .bannerClass").length );

	$(".banner .bannerOut").click ( clickBanner ).css ( { cursor:"pointer" } );
	$(".banner .bannerClass").each ( function ( i )
	{
		var imageStr = $(this).attr ( "image" );
		$(this).html ( '<img src="' + imageStr + '"/>' );
	} );
}

function bannerLoop()
{
	currentBannerCount++;
	if ( currentBannerCount > bannerNum-1 ) currentBannerCount = 0;
	$(".banner .bannerWrapper").animate ( { scrollTop:currentBannerCount * 80 } );
}

function clickBanner()
{
	 var pageLink = $(".banner .bannerWrapper .bannerClass").eq ( currentBannerCount ).attr ( "pageLink" );
	 var pageTarget = $(".banner .bannerWrapper .bannerClass").eq ( currentBannerCount ).attr ( "pageTarget" );

	if ( pageTarget == "" )
	{
		location.hash = pageLink;
	}
	else
	{
		window.open ( pageLink );
	}
}

function bannerMoveStart()
{
	if ( bannerPlayChk == true )
	{
		return;
	}

	bannerPlayChk = true;
	currentBannerCount = 0;
	$(".banner .bannerWrapper").scrollTop ( 0 );
	clearInterval ( bannerInterval );bannerPlayChk
	bannerInterval = setInterval ( bannerLoop , 10000 );
}

function bannerMoveStop()
{
	$(".banner .bannerWrapper").animate ( { scrollTop:0 } );
	bannerPlayChk = false;
	clearInterval ( bannerInterval );
}