function debug(text)
{
	$('body').prepend("<div style='color: #1CFF07; padding: 5px; font-family: Terminal;font-size: 18px;'>" + text + "</div>");
}
function debugInline(text)
{
	$('body').prepend("<span style='color: #1CFF07; padding: 5px; font-family: Terminal;font-size: 18px;'>" + text + "</span>");
}
function setTransBanner(position, counter)
{
	$("#transBanner" + position).attr("src", banners[position][counter].image + "&date=" + Date());
}
function showBanner(position, counter)
{
	/* previous banner number */
	var transCounter = (counter - 1 < 0) ? banners[position].length - 1 : counter - 1;	
	
	
	
	/* set banner image */
	changeOpac(0, "banner" + position);
	$("#banner" + position).attr("src", banners[position][counter].image + "&date=" + Date());
	changeOpac(0, "banner" + position);
	opacity('banner' + position, 0, 100, 500);

	$("#transBanner" + position).attr("src", banners[position][transCounter].image + "&date=" + Date());

	setTimeout("setTransBanner('" + position + "', " + counter + ")", 500)

	//debugInline("trans: " + transCounter + ", current:" + counter + "| Time:" + Date() + "<br>");


	/* set banner link */
	$("#bannerLink" + position).attr("href", banners[position][counter].link);	
	/* set current banner number */
	$("#banner" + position).attr("counter", counter);

	
	/* calculate */
	if (banners[position][counter]["displayed"] == 'false')
	{
		banners[position][counter]["displayed"] = true;
		
		$.get(banners[position][counter]["showUrl"] + "&date=" + Date());
	}
}
function nextBanner(position)
{			
	if ($("#banner" + position).attr("counter") < banners[position].length - 1)
	{
		var i = $("#banner" + position).attr("counter");
		i++;
		showBanner(position, i);
	}
	else
	{
		showBanner(position, 0);
	}
}

function opacity(id, opacStart, opacEnd, millisec)
{
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	changeOpac(opacStart, id);
	if (opacStart > opacEnd)
	{
		for (i = opacStart; i >= opacEnd; i--)
		{
			setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
			timer++;
		}
	}
	else if (opacStart < opacEnd)
	{
		for (i = opacStart; i <= opacEnd; i++)
		{
			setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
			timer++;
		}
	}
}

function changeOpac(opacity, id)
{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}