var bannar = [];
var curBanId = undefined;
var name = "#banners";
var intTime = 5000;
var timerTime = 10000;
var si = undefined;
var st = undefined;

$(document).ready(function() {
	loadBanners(function() {
		runBanners(0);
		if (bannar.length > 1) {
			if (curBanId == (bannar.length - 1)) { iId= 0; } else { iId = curBanId + 1 ; }
				si = setInterval(function() { runBanners(iId) }, intTime);
		}
	});
	
});

function loadBanners(suc_callback) {
	jQuery.ajax({
		type: "GET",
		url: __WWWHOST+"files/banners/banners.xml",
		dataType: "xml",
		success: function(xml) {
			var values = [];
			var interval = $(xml).find('interval').text();
			var timer = $(xml).find('timer').text();
			timerTime = parseInt(timer*1000);
			intTime = parseInt(interval*1000);
			$(xml).find('banner').each(function() {
				values = [];
				values['src'] = $(this).find('src').text();
				values['link'] = $(this).find('link').text();
				values['bgcolor'] = $(this).find('bgcolor').text();
				values['bgimg'] = $(this).find('bgimg').text();
				bannar.push(values);
			});
			suc_callback();
		}	
	});
}

function runBanners(id, hand) {
	if (hand == 'hand') { 
		clearInterval(si);
		si = undefined;
		clearTimeout(st);
		st = undefined;
		st = setTimeout( 
			function() { 
				si = setInterval( 
					function() { 
						runBanners(iId) 
					}, intTime);
			}, timerTime
		);
	}
	if ( id != curBanId) {
		curBanId = id;
		setBanner();
		if (bannar.length > 1) {
			setPagination(id);
			nextBanner(id);
		}	
	}
	return false;
}

/*
function nextBanner() {
	if (curBanId == (bannar.length - 1)) { iId= 0; } else { iId = curBanId + 1 ; }
	nextHtml = '<a href="#" id="nextbann" onclick="runBanners('+iId+','+"'hand'"+'); return false;" >&nbsp;</a>';
	$(nextHtml).appendTo(name);
	return false;
}
*/

function setPagination() {
	id = curBanId;
	var pag = '';
	var pclass = ''; 
	for(i=0;i<bannar.length;i++) {
		if ( i == id ) { pclass = 'class="active"'; } else { pclass = ''; }
		pag = pag + '<a href="javascript:void(0);" '+pclass+' onclick="runBanners('+i+','+"'hand'"+'); return false;">'+(i+1)+'</a>';
	}
	pagiHtml = '<div class="bpagination">'+pag+'</div>';
	$(pagiHtml).appendTo(name);
	return false;
}

function setBanner() {
	id = curBanId;
	var banner = bannar;
	var pNm = $(name);
	var height = pNm.height();
    if (banner[id]['src'] != '#')
        var bannerImg = '<a style="display: block; text-align: center; text-decoration: none; height:'+height+'px;" href="'+banner[id]['link']+'">' +
            '<img style="display: none;" id="bannimg" src="'+banner[id]['src']+'" alt="#" ></a>'; 
    else 
        var bannerImg = '<a style="display: block; text-align: center; text-decoration: none; height:'+height+'px;" href="'+banner[id]['link']+'"></a>'; 
	pNm.css('visibility', 'hidden');
	pNm.css('backgroundImage', 'url("'+banner[id]['bgimg']+'")');
	pNm.css('backgroundColor', banner[id]['bgcolor']);
	pNm.html(bannerImg);
	pNm.css('visibility', 'visible');
	$('#bannimg').fadeIn(1000);
	return false;
}