// 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:
#multi_content
#controls
#cboxes
#cbox_[#]
(#cbox_[#]) .on
#mc_back
#mc_fwd
#more_link
*/

var container_div = "newscon"; //has the content elements
var module_class = "newspostitemsep"; // class name of elements
var target_div = "text2"; //will recieve content and controls

var news_string = "View All News";
var news_page = "/news"; //url of more news page

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

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

//EXPERIMENTAL
function addPopup(){

	document.getElementById('more_link').onmouseover = function(){ document.getElementById('newscon').style.display='block'; }
	document.getElementById('more_link').onmouseout = function(){ document.getElementById('newscon').style.display='none'; }
}

function createStories(){
	
	document.getElementById(target_div).innerHTML = "<div id=\"multi_content\"></div><div id=\"controls\"></div>";
	
	var controls = "";
	var stories = document.getElementById(container_div).getElementsByTagName('div');
	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++;
		}
	}
	
	var back_btn = '<a href="#" onclick="swapMulti(\'back\'); startTimer(); return false;" id="mc_back"><</a>';
	var fwd_btn = '<a href="#" onclick="swapMulti(\'forward\'); startTimer(); return false;" id="mc_fwd">></a>';
	
	var news_lnk = '<a href="'+ news_page +'" id="more_link">'+news_string+'</a>';
	
	document.getElementById('controls').innerHTML = back_btn + '<span id="cboxes">' + controls + "</span>" + fwd_btn  + news_lnk ;
	
	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'},150);
		});
				
		for(i=0;i<lks.length;i++){
			if( lks[i].id == l){ lks[i].className = "on";}else{ lks[i].className = "";}
		}
		
		current_block = n;
	}	
}