// Requires scriptaculous for fade effect

// add function createStories() to loadJS() in global_vars.js
//set class of banner modules with content to "story"

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

var container_div = "rightbanner"; //has the content elements
var module_class = "story"; // class name of elements
var target_div = "newsbox"; //will recieve content and controls

var delay = 8000; //time between story swap (milliseconds)
var timer;
var timerRunning = 0;

var current_block;
var blocks = new Array();
var lks = new Array();

function createStories(){
	
	document.getElementById(target_div).innerHTML = "<div id=\"multi_content\"></div><div id=\"controls\"></div>";
	
	var controls = "";
	var stories = document.getElementById(container_div).childNodes;
	var j=0;
	for(i=0;i<stories.length;i++){
		if(stories[i].className == module_class){
			blocks[j] = stories[i].innerHTML;
			controls += "<a href=\"#\" id=\"cbox_"+j+"\" onclick=\"swapMulti(" +j+ ",\'cbox_" +j+ "\'); stopTimer(); return false;\">" + (j+1) + "</a> ";
			j++;
		}
	}
	document.getElementById('controls').innerHTML =  '<a href="#" onclick="swapMulti(\'back\'); startTimer();" id="mc_back">&lt;</a> ' + controls + ' <a href="#" onclick="swapMulti(\'forward\'); startTimer();" id="mc_fwd">&gt;</a>' ;
	
	lks = document.getElementById('controls').getElementsByTagName('a');
	
	swapMulti(0,'cbox_0');
	
	startTimer();

}

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

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

function swapMulti(n,l){

	if( n == 'back' ){
		if(current_block==0){ n=blocks.length-1; l ="cbox_"+(blocks.length-1);
		}else{ n = current_block - 1; l = "cbox_"+n; }

	}else if( n == 'forward'){ if(current_block + 1 == blocks.length){ n=0; l = "cbox_0";
		}else{ n = current_block + 1; l = "cbox_"+n; }
	}
		
	if(blocks[n]){
		
		// fade out
				
		$j('#multi_content').animate({opacity:'.1'},200,'',function(){
			$j('#multi_content').html( blocks[n] ).animate({opacity:'1'},200);
		});
				
		for(i=0;i<lks.length;i++){
			if( lks[i].id == l){ lks[i].className = "on";}else{ lks[i].className = "";}
		}
		
		current_block = n;
	}	
}