/*
Elements to style and position:
#multi_content
#controls
#cboxes
#cbox_[#]
(#cbox_[#]) .on
#mc_back
#mc_fwd
#more_link
*/

var container_div = "#fsMultiContent"; //has the content elements
var module_class = ".contentElementDiv"; // class name of elements
var target_div = "#fsTabContent"; //will recieve content and controls

var delay = 4000; //time between story swap (milliseconds)

var timer;
var timerRunning = 0;
var current_block;
var blocks = new Array();
var lks = new Array();

var eleHeight = 1;

addOnloadEvent(createTabs);

function createTabs(){	

	var tabTitle, tabs = "";	
	var stories = $j(container_div +' '+ module_class);
	var $titles = $j(container_div +' '+ module_class +' .contentElementTitle');
	var j=0;
	for(i=0;i<stories.length;i++){
		blocks[j] = stories[i].innerHTML;
		eleHeight = stories[i].offsetHeight > eleHeight ? stories[i].offsetHeight : eleHeight;
		tabTitle = $titles.eq(i).html();
		tabs += "<a href=\"#\" id=\"cbox_"+j+"\" onclick=\"swapMulti(" +j+ ",\'cbox_" +j+ "\'); return false;\">" + tabTitle + "</a> ";		
		j++;
	}
	
	document.getElementById('fsTabs').innerHTML = tabs ;
		
	document.getElementById('fsTabContent').style.height = eleHeight;
	
	swapMulti(0,'cbox_0');
}

function startTimer(){
	if(!timerRunning){
		timer = setInterval('swapMulti("forward")', delay);
		timerRunning = 1;
	}
}

function stopTimer(){
		window.clearInterval(timer);
		timerRunning = 0;
}

function swapMulti(n,l){
	
		
	if(blocks[n]){
		
		$j('#cbox_'+current_block).removeClass('tabOn');
		$j('#'+l).addClass('tabOn');

		// fade out
		$j('#fsTabContent').animate({opacity:'.1'},200,'',function(){
			$j('#fsTabContent').html( blocks[n] ).animate({opacity:'1'},200);
		});
		
		current_block = n;
	}	
}