var usebannerscript = true;

var isauto = null;

var autotime = null;

var banner = null;

var navigators = null;

var bannerNum = null;

var bannerSlide = null;

var bannerWidth = null;

var bannerHeight = null;

var currentNum = 0;

var bannerPath = "images/banner/";


function initialBanner ( )
{
	navigators = document.getElementById ( "navigator" );
	
	for ( var i = 0; i < bannerNum; i++ )
	{
		navigators.appendChild ( createDivNavigator ( i + 1 ) );
	}
	

	banner = document.getElementById ( "banner-flash" );

	banner.appendChild ( createImageBanner ( bannerSlide [ 0 ] ) );


	if ( isauto == 1 )
	{
		window.setInterval ( "autoSlide()", autotime );
	}
}

function createAttribute ( oName, oValue )
{
	var oAttr = document.createAttribute ( oName );

	oAttr.nodeValue = oValue;

	return oAttr;
}

function createImageBanner ( oPath )
{
	var img = document.createElement ( "img" );
	
	img.attributes.setNamedItem ( createAttribute ( "src", bannerPath + oPath ) );

	img.attributes.setNamedItem ( createAttribute ( "width", bannerWidth ) );

	img.attributes.setNamedItem ( createAttribute ( "height", bannerHeight ) );

	img.attributes.setNamedItem ( createAttribute ( "border", 0 ) );

	return img;
}

function addEvent ( oElement, oEventType, oFunction )
{
	if ( window.attachEvent )
	{
		oElement.attachEvent( oEventType, oFunction );
	}
	else if ( window.addEventListener )
	{
		oElement.addEventListener( oEventType.substring(2), oFunction, false );
	}
}

function getTarget ( event )
{
	var oEvent = event ? event : window.event;

	var oTarget = oEvent.target ? oEvent.target : oEvent.srcElement;

	return oTarget;
}

function createDivNavigator ( index )
{
	var anchor = document.createElement ( "a" );
	
	anchor.attributes.setNamedItem ( createAttribute ( "href", "#" ) );

	anchor.style.backgroundImage = "url(" + bannerPath + "bg.gif)";
	
	anchor.style.textDecoration = "none";

	anchor.style.padding = "5px";

	anchor.style.marginLeft = "15px";

	anchor.style.width = "20px";

	anchor.style.height = "20px";

	anchor.style.textAlign = "center";

	anchor.style.border = "0px none #fff";

	anchor.innerHTML = index;

	addEvent ( anchor, "onclick", onAnchorClick );

	return anchor;
}

var oTempObject = null;

function onAnchorClick ( event )
{
	var oObject = getTarget ( event );
	
	if ( oTempObject != null )
	{
		oTempObject.style.border = "0px none #fff";
	}

	oTempObject = oObject.firstChild.parentNode;
	
	oTempObject.style.border = "1px solid black";



	banner.innerHTML = "";

	banner.appendChild ( createImageBanner ( bannerSlide [ oObject.firstChild.nodeValue - 1 ] ) );
	
	currentNum = oObject.firstChild.nodeValue - 1;

	// $( banner ).animate ( { "left" : "+=200px" }, "slow" );

	return false;
}

function autoSlide ( )
{
	currentNum++;

	if ( currentNum >= bannerNum )
	{
		currentNum = 0;
	}

	banner.innerHTML = "";

	banner.appendChild ( createImageBanner ( bannerSlide [ currentNum ] ) );
	
	
	
	if ( oTempObject != null )
	{
		oTempObject.style.border = "0px none #fff";
	}

	oTempObject = navigators.getElementsByTagName ( "a" ).item ( currentNum );
	
	oTempObject.style.border = "1px solid black";
}




/* AJAX For Initial Data */

var xhr = null;

function createXHR ( )
{
	if ( window.XMLHttpRequest )
	{
		var oXHR = new XMLHttpRequest ( );
	}
	else if ( window.ActiveXObject )
	{
		var oXHR = new ActiveXObject ( "Microsoft.XMLHTTP" );
	}

	return oXHR;
}

function initBanner ( )
{
	if ( document.getElementById ( "navigator" ) != null && usebannerscript )
	{
		xhr = new createXHR ();

		xhr.open ( "GET", "images/banner/config.xml" );
		
		xhr.onreadystatechange = responseXHR;
		
		xhr.send ( null );
	}
}

function responseXHR ( )
{
	 if ( xhr.readyState == 4 )
	 {
		  if ( xhr.status == 200 )
		  {
				initialData ( xhr.responseXML );
		  }
	 }
}

function initialData ( documentXML )
{
	isauto = documentXML.getElementsByTagName ( "isauto" ).item(0).firstChild.nodeValue;
	
	autotime = documentXML.getElementsByTagName ( "autotime" ).item(0).firstChild.nodeValue;
	
	bannerWidth = documentXML.getElementsByTagName ( "bannerwidth" ).item(0).firstChild.nodeValue;

	bannerHeight = documentXML.getElementsByTagName ( "bannerheight" ).item(0).firstChild.nodeValue;



	var tempImage = documentXML.getElementsByTagName ( "banners" ).item(0).getElementsByTagName ( "image" );

	bannerNum = tempImage.length;

	bannerSlide = new Array ( bannerNum );

				
	for ( var i = 0; i < bannerNum; i++ )
	{
		bannerSlide [ i ] = tempImage.item(i).firstChild.nodeValue;
	}

	initialBanner ( );
}