(function()
{
	var bannerTime;
	var current=0;
	var banners =
	[
	 	{
			background:"url(images/banner1.gif)",
			href:"http://www.pokemon.com/",
			target:"_blank",
			alt:"Pokemon"
		},
		{
			background:"url(images/banner2.gif)",
			href:"http://www.yugioh-card.com/en/",
			target:"_blank",
			alt:"Yugioh"
		},
		{
			background:"url(images/banner3.gif)",
			href:"http://www.poptropica.com/",
			target:"_blank",
			alt:"Poptropica"
		},
		{
			background:"url(images/banner4.gif)",
			href:"http://www.geronimostilton.com/",
			target:"_blank",
			alt:"GeronimoStilton"
		},
		{
			background:"url(images/banner5.gif)",
			href:"http://www.naruto.com/",
			target:"_blank",
			alt:"Naruto"
		},
		{
			background:"url(images/banner6.gif)",
			href:"http://www.bakugan.com/",
			target:"_blank",
			alt:"Bakugan"
		},
		{
			background:"url(images/banner7.gif)",
			href:"http://www.39clues.com/",
			target:"_blank",
			alt:"39Clues"
		}
	];
	changeBanner = function ()
	{
			if(typeof(bannerTime) != "undefined")
				clearTimeout(bannerTime);
			var prev = current;
			if(arguments.length == 0)
				current = (current+1 == banners.length) ? 0 : current+1;
			else
				current = arguments[0];	

			var el =  $("#mainBanner");
			var link_el = $("#mainBanner a").eq(0);
			var buttons = $(".banner_circle_btn div");

			el.css("background", banners[current].background);
			link_el.attr("href", banners[current].href);	
			link_el.attr("alt", banners[current].alt);	
			buttons.eq(prev).attr("class","passive_banner");
			buttons.eq(current).attr("class","active_banner");
			
			bannerTime = setTimeout("changeBanner()", 5500);
	}
})();
$(document).ready(function() {
	$(".banner_circle_btn div").click(
		function(){
			var index = $(".banner_circle_btn div").index(this);
			changeBanner(index);
		});
	setTimeout("changeBanner()", 5500);	
});