var jDiv;
var jItem;
var jInfo;
var aFiles,   nFiles,   nFile,   oFile;
var aBubbles, nBubbles, nBubble, oBubble;
var hTimeout;

$(document).ready(function () {


	$("#bubbles img").click(bbInit).css({ cursor: "pointer" });

});

function bbInit() {

	if(typeof(pageTracker)=="object")
		pageTracker._trackEvent("PageActions", "Home", "Bubble");

	jDiv = $("#bubbles");
	jDiv.html("<p class='loading'>Cargando grupos disponibles ...</p>");
	loadGroups();

}

function loadGroups() {
	jQuery.getJSON("kurze/list.txt", function (data) {
		aFiles = data;
		nFiles = aFiles.length;
		nFile  = (nFiles-1)*Math.random(0, 1);
		nFile  = Math.round(nFile);
		loadGroup();
	});
}

function loadGroup() {
	if(++nFile==nFiles) nFile = 0;
	oFile = aFiles[nFile];
	jDiv.html("<p class='loading'>Cargando "+oFile.name+" ...</p>");
	jQuery.getJSON("kurze/"+oFile.file, function (data) {
		aBubbles = data;
		start();
	});
}

function start() {
	nBubbles = aBubbles.length;
	nBubble  = -1;
	next();
}

function next() {
	var jChg;
	if(++nBubble<nBubbles) {
		oBubble = aBubbles[nBubble];
		jDiv.empty();
		jDiv.html("<div class='item'><img class='"+oBubble.type+"' src='images/bubble-"+oBubble.type+".gif' /></div><span class='inf'></span><a class='chg' href='#'><img src='images/bubble-ander.gif' /></a>");
		jItem = jDiv.find(".item");
		jInfo = jDiv.find(".inf");
		jChg  = jDiv.find(".chg");
		jInfo.html(oFile.name+" : "+(nBubble+1)+" de "+nBubbles);
		jChg.click(function () {
			clearTimeout(hTimeout);
			jItem.fadeOut(loadGroup);
			return false;
		});
		showEs();
	} else {
		loadGroup();
	}
}

function showEs() {
	jItem.append("<p class='es'>"+oBubble.es+"</p>");
	jItem.append("<p class='de'>"+oBubble.de+"</p>");
	if(jItem.width()>345) jItem.width(345);
	jItem.css({ top: 75-jItem.height()/2, left: 191-jItem.width()/2 });
	jItem.find("p.de").css({ visibility: "hidden" });
	hTimeout = setTimeout(showDe, 6000);
}

function showDe() {
	jItem.find("p.de").css({ visibility: "visible" });
	hTimeout = setTimeout(hideDe, 3000);
}

function hideDe() {
	jItem.fadeOut(next);
}