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

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

	setPagination = function() {
		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;"></a>';
		}
		pagiHtml = '<div class="bpagination">'+pag+'</div>';
		$(pagiHtml).appendTo(name);
		return false;
	};

	setBanner = function() {
		id = curBanId;
		var banner = bannar;
		var pNm = $(name);
		var height = pNm.height();
		var bannerImg = '<a id="bannimg" style="background:url('+banner[id]['src']+') no-repeat center 0; 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').hide();
		$('#bannimg').fadeIn(700);
		return false;
	};
	
	loadBanners = function(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 = [];
					tthis = $(this);
					values['src'] = tthis.find('src').text();
					values['link'] = tthis.find('link').text();
					values['bgcolor'] = tthis.find('bgcolor').text();
					values['bgimg'] = tthis.find('bgimg').text();
					bannar.push(values);
				});
				suc_callback();
			}	
		});
	}
	
	loadBanners(function() {
		runBanners(0);
		if (bannar.length > 1) {
			si = setInterval(function() { 
				if (curBanId == (bannar.length - 1)) { 
					iId= 0; 
				} else { 
					iId = curBanId + 1 ; 
				} runBanners(iId) 
			}, intTime);
		}
	});
});