var iBanner=0;
var iBanners=1;

var imgNavLeft=new Image();imgNavLeft.src="/js/banner/nav-left.gif";
var imgNavRight=new Image();imgNavRight.src="/js/banner/nav-right.gif";
var imgNav1=new Image();imgNav1.src="/js/banner/nav-1.gif";
var imgNav1Sel=new Image();imgNav1Sel.src="/js/banner/nav-1-sel.gif";
var imgNav2=new Image();imgNav2.src="/js/banner/nav-2.gif";
var imgNav2Sel=new Image();imgNav2Sel.src="/js/banner/nav-2-sel.gif";
var imgNav3=new Image();imgNav3.src="/js/banner/nav-3.gif";
var imgNav3Sel=new Image();imgNav3Sel.src="/js/banner/nav-3-sel.gif";
var imgNav4=new Image();imgNav4.src="/js/banner/nav-4.gif";
var imgNav4Sel=new Image();imgNav4Sel.src="/js/banner/nav-4-sel.gif";

function bannerShow(n)
{
	if (n==iBanner)
		return;
	for (var i=0;i<iBanners;i++)
		$("#banner"+(i+1)).hide();
	$("#banner"+(n+1)).fadeIn("fast");
	iBanner=n;
	$("#banner_nav").after(bannerCreateNav()).remove();
}

function bannerLeft()
{
	var i=iBanner-1;
	if (i<0)
		i=iBanners-1;
	bannerShow(i);
}

function bannerRight()
{
	var i=iBanner+1;
	if (i>=iBanners)
		i=0;
	bannerShow(i);
}

function bannerInit()
{
	iBanners = $("#banner_nav").attr("banners");
	$("#banner_nav").after(bannerCreateNav()).remove();
}

function bannerCreateNav()
{
	var sHtml="<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" id=\"banner_nav\">\n<tr>\n";
	sHtml+="<td>&nbsp;&nbsp;</td>\n";
	sHtml+="<td><a href=\"#bannerLeft\" onclick=\"bannerLeft();return false;\"><img src=\"/js/banner/nav-left.gif\" width=\"17\" height=\"24\" border=\"0\" alt=\"\" /></a></td>\n";
	for (var i=0;i<iBanners;i++)
	{
		sHtml+="<td><a href=\"#banner"+i+"\" onclick=\"bannerShow("+i+");return false;\">";
		sHtml+="<img src=\"/js/banner/nav-";
		sHtml+=""+(i+1);
		if (i==iBanner)
			sHtml+="-sel";
		sHtml+=".gif\" width=\"18\" height=\"24\" border=\"0\" alt=\"\" /></a></td>\n";
	}
	sHtml+="<td><a href=\"#bannerRight\" onclick=\"bannerRight();return false;\"><img src=\"/js/banner/nav-right.gif\" width=\"18\" height=\"24\" border=\"0\" alt=\"\" /></a></td>\n";
	sHtml+="<td>&nbsp;&nbsp;</td>\n";
	sHtml+="</tr>\n</table>\n";
	return sHtml;
}

$(function(){
	bannerInit();
});
