$(document).ready(function(){

	$.getJSON('/advertgen/advert.php?mode=2&size=510&format=json&count=6', function(data) {
		
		var count = 0;
		var show = 1;
		var html = "";

		$.each(data, function(i, item) {
			if(count > 1) show = 0;

			html += "<a href=\"/advertgen/advert.php?mode=0&amp;id=" + item.ID + "\" target=\"_blank\" ";
			html += "style=\"position: absolute; top: 0px; left: 0px; display: block; z-index: "+count+"; opacity: "+show+";\" id=\"item" + ++count + "\" title=\"" + item.Alt + "\">\n";
			html += "<img border=\"0\" alt=\""+item.Alt+"\" src=\""+item.ImageName+"\">\n";
			html += "</a>\n\n";
			$('div#FPFlashAniTitles').append("<div class='banner_selector item"+count+"'><div class='count'>"+count+"</div> <div class='caption'>"+item.Alt+"</div></div>");
		});

		$('div#FPFlashAni').html(html);
		$('div#FPFlashCaption').append("<div class='caption_text'></div>");
		
		$('div#FPFlashAni').cycle({ 
    			delay: 3000,
			speed: 300,
			fastOnEvent: 1,
			before: function(curr, next) {
				$('div#FPFlashAniTitles').find("." + curr.id).removeClass("selected");
				$('div#FPFlashAniTitles').find("." + next.id).addClass("selected");
				$('div#FPFlashCaption').find(".caption_text").hide();
				html = '<a href="'+next.href+'" title="'+next.title+'">'+ next.title +'</a>';
				$('div#FPFlashCaption').find(".caption_text").html(html);
				$('div#FPFlashCaption').find(".caption_text").fadeIn("slow");
			}
		});
		
	});

});