var init = 0
var num_banners = 160
var banner_root = "/media/top_bar/title"

function loop_banners(old, temp, shift1, shift2) {
	
	if(init == 0){ speed=0.1; }
	
	var banner = old
	
	var imagefileold = banner_root + temp + ".jpg"
	var imagefile = banner_root + banner + ".jpg"

	var back_banner = "back_banner"
	var front_banner = "front_banner"	
	
	/* Switch banners */
	document.getElementById(back_banner).style.background = "#FFFFFF url("+imagefileold+") repeat-y "+shift2+"% 0";
	changeOpac(0, front_banner)
	document.getElementById(front_banner).style.background = "#FFFFFF url("+imagefile+") repeat-y "+shift1+"% 0";	
	
	/* Blend switch */
	var timer = 0
	var speed = Math.round(800 / 100)
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + front_banner + "')",(timer * speed));
		timer++;
	}
		
	/* Preload next banner */
	var banner_next = Math.floor(Math.random() * num_banners);	
	
	var shift_temp
	shift_temp = shift1
	shift2 = shift_temp
	shift1 = Math.floor(Math.random()*(99));
	
	document.getElementById("preload_picture").src = banner_root + banner_next + ".jpg"
	old = banner_next
	temp = banner
	
	if(init == 0)
		{setTimeout("loop_banners("+old+","+temp+","+shift1+","+shift2+")",10);init = 1}
	else
		{setTimeout("loop_banners("+old+","+temp+","+shift1+","+shift2+")",5000);}	
}

function begin_loop() {

	shift1 = Math.floor(Math.random()*(99))
	shift2 = Math.floor(Math.random()*(99))
	
	old = Math.floor(Math.random() * num_banners)
	temp = Math.floor(Math.random() * num_banners)
	
	loop_banners(old,temp,shift1,shift2)
	
}