var touts = new Array(), texttouts = new Array(), toutNums = new Array(), toutBtns = new Array();
var ppBtn, timer1;
var paused = false;
var delay = 10000; //in milliseconds
var currPic = 0;
var kktotal;
kktotal=10;
	
function initTouts() {
	var toutCtrl = document.getElementById('lCtrlNums').parentNode;
//	toutCtrl.style.display = "block";
	
	toutNums = document.getElementById('lCtrlNums').getElementsByTagName('a');
	toutNums[0].className = "on";
	
	for (var i = 0; i < toutNums.length; i++) {
		var anchor = toutNums[i];
		anchor.count = i;
		addEventSimple(anchor, "click", function(event) {
			var eventSource = typeof event.target != 'undefined' ? event.target : window.event.srcElement;
			doNumber(eventSource.count);
		});
	}
	
	toutBtns = document.getElementById('lCtrlBtns').getElementsByTagName('a');
	addEventSimple(toutBtns[0], "click", function(event) {
		//doNumber((currPic+4-1)%4);
		doNumber((currPic+kktotal-1)%kktotal);
	});
	addEventSimple(toutBtns[1], "click", doButton);
	addEventSimple(toutBtns[2], "click", function(event) {
		//doNumber((currPic+1)%4);
		doNumber((currPic+1)%kktotal);
	});
	
	var tout_temp = document.getElementById('big_toutbox').childNodes;
	for (var i = 0; i < tout_temp.length; i++) {
		if (tout_temp[i].className == "big_tout") {
			touts.push(tout_temp[i]);
		}
	}
	for (var i = 1; i < touts.length; i++) {
		touts[i].style.display = "none";
	}

	var texttout_temp = document.getElementById('big_texttoutbox').childNodes;
	for (var i = 0; i < texttout_temp.length; i++) {
		if (texttout_temp[i].className == "big_texttout") {
			texttouts.push(texttout_temp[i]);
		}
	}
	for (var i = 1; i < texttouts.length; i++) {
		texttouts[i].style.display = "none";
	}
	
	ppBtn = document.getElementById('ppBtn');
	doImageSwap();
	
	if (!paused) {
		timer1 = setTimeout('timedStory()', delay);	
	}
}

function doNumber(num) {
	paused = true;
	doImageSwap();
	clearTimeout(timer1);
	change(num);
}

/* change picture, wait some seconds, repeat */
function timedStory() {
	//currPic = (currPic + 1) % 4;
	currPic = (currPic + 1) % kktotal;
	change(currPic);
	timer1 = setTimeout('timedStory()', delay);
}
/* executed when the play/pause button is selected */
function doButton() {
	paused = !paused;
	doImageSwap();
	if (paused) {
		clearTimeout(timer1); /* stop the image loop */
	} else {
		timedStory(); /* restart the image loop */
	}
}

function doImageSwap() {
	ppBtn.style.backgroundPosition = (paused ? "bottom center" : "top center");
}

function change(num) {
	currPic = num;
	//for (var i = 0; i < 4; i++) {
		for (var i = 0; i < kktotal; i++) {
		touts[i].style.display = (num == i ? "block" : "none"); 
		texttouts[i].style.display = (num == i ? "block" : "none"); 
		toutNums[i].className = (num == i ? "on" : "");
	}
	document.getElementById("big_tout_control").style.display = "block";
} 
function loadToutIMG(elemid, ttext, blurb, icaddr, trytext, imgname) {
		var ticont = document.getElementById(elemid);
		ticont.innerHTML = '<a href="'+icaddr+'"><img width="300" height="300"  style="border:none" src="' + imgname + '" /></a>'; 
		var textboxid = "text" + elemid;
		var tbcont = document.getElementById(textboxid);
		
		tbcont.innerHTML = '<div class="btitletext">' + ttext + '</div>' + '<div class="bregtext">' + blurb + '</div><div class="btouttrynow"><a class="trybutton" href="' + icaddr + '"><span>' + trytext + '</span></a></div>';		
}

function loadToutSWF(elemid, ttext, blurb, icaddr, trytext, swfname, ii, iii, theme) {
		var so = new SWFObject(swfname, "flash-movie", "300", "300", "6", "#FFFFFF");
		so.addVariable("myVar1", ii); 
		if (iii != null)
			so.addVariable("myVar2", iii); 
		if (theme != null)
			so.addVariable("varTheme", theme); 
		so.addVariable("ICAutoPlay", "1"); 
		so.addParam("wmode", "opaque");
		so.write(elemid);

		var textboxid = "text" + elemid;
		var tbcont = document.getElementById(textboxid);
		
		tbcont.innerHTML = '<div class="btitletext">' + ttext + '</div>' + '<div class="bregtext">' + blurb + '</div><div class="btouttrynow"><a class="trybutton" href="' + icaddr + '"><span>' + trytext + '</span></a></div>';
}