var switchBanner = function(next) {
	if (next == undefined)
	{
		next = (banners.current + 1) % banners.list.length;
	}

	banners.list[banners.current].css("z-index", 1);
	banners.list[next].css("z-index", 2);
	
	banners.list[banners.current].fadeOut(_config.fadeDuration);
	banners.list[next].fadeIn(_config.fadeDuration);
	
	$("#banner #banner_bullet_" + banners.current).removeClass("active");
	$("#banner #banner_bullet_" + next).addClass("active");
	
	banners.current = next;
};

var banners = {
	list: [],
	current: 0,
	timer: null,
	
	start: function() { banners.timer = window.setInterval(switchBanner, _config.cycleInterval); },
	stop: function() { window.clearInterval(banners.timer); }
};

$(document).ready(function()
{
	$(document.body).append($("<div></div>").attr("id", "topline"));
	$(document.body).append($("<div></div>").attr("id", "bottomline"));
	
	$(document.body).append($("<div></div>").attr("id", "banner_mask"));
	$(document.body).append($("<div></div>").attr("id", "banner_clickmask"));
	$("#main").append($("<div></div>").attr("id", "logo"));
	
	$("#banner img").each(function(i) {
		var rb = $("<div></div>")
			.addClass('img')
			.css('background-image', 'url(' + $(this).attr('src') + ')')
			.css('background-attachment', 'center')
			.attr('href', $(this).attr('href'))
			.css('height', $(this).attr('height'))
			.css('display', 'none');
		
		banners.list[banners.list.length] = rb;
		rb.css("z-index", 1);
		
		var bullet = $("<div></div>").addClass("banner_bullet").css("left", (442 + (i * 21)) + "px").attr("id", "banner_bullet_" + i);
		$("#banner").append(bullet);
		
		bullet.click(function() {
			switchBanner(i);
		});
		
		bullet.hover(banners.stop, banners.start);
		
		$(document.body).append(rb);
	});
	
	switchBanner(0);
	$("#banner img").remove();
	
	banners.start();
	
	$("#banner_clickmask").hover(banners.stop, banners.start);
	$("#banner_clickmask").click(function()
	{
		if (banners.list[banners.current].attr("href"))
			document.location.href = banners.list[banners.current].attr("href");
	});
	
	$("ul#menu li").each(function(e)
	{
		var that = $(this);
		var pm = $("#main").offset();
		var p = that.offset();
		
		var w = that.outerWidth(false);
		
		$("#main").append($("<div></div>").addClass("menuDecoLeft").css("left", (p.left - pm.left) + "px").css("top", (p.top - pm.top) + "px"));
		$("#main").append($("<div></div>").addClass("menuDecoRight").css("left", (p.left - pm.left + w - 14) + "px").css("top", (p.top - pm.top) + "px"));
		
		var ctr = $("<div></div>").addClass("menuDecoTile").css("left", (p.left - pm.left + 14) + "px").css("top", (p.top - pm.top) + "px").css("width", (w - 28) + "px");
		
		if (that.attr("href"))
			ctr.css("cursor", "pointer");
		
		ctr.click(function() {
			if (that.attr("href"))
				document.location.href = that.attr("href");
		});
		
		ctr.hover(
			function() {
				that.addClass("hover");
			},
			function() {
				that.removeClass("hover");
			}
		);
		
		$("#main").append(ctr);
	});
});