/*
 * JS Support for 'Step-by-Step' content type (13)
 *
 */

var step_items = [];
var cur_step = 0;
function getStepID(direction, id){
	if(direction == 'forward'){
		next = step_items.indexOf(id)+1;
		if(next > step_items.length)
			next = 0;
		cur_step = next;
		return step_items[next];
	}	
	else{
		previous = step_items.indexOf(id)-1;
		if(previous < 0)
			previous = 0;
		cur_step = previous;
		return step_items[previous];
	}

}

function loadStep(direction){
	//HIDE ALL STEPS
	for(i=0;i<step_items.length;i++)
		document.getElementById('step_'+step_items[i]).className='hidden_step';
	
	//DISPLAY NEXT OR PREVIOUS STEP
	if(direction == 'Previous'){
		cur_step -= 1;
		document.getElementById('step_'+step_items[cur_step]).className='visible_step';
		}
	else{
		cur_step += 1;
		document.getElementById('step_'+step_items[cur_step]).className='visible_step';
		}
		
	initializeSteps();

}

function initializeSteps(){
	var step_controller = document.getElementById('step_controller');
	var step_html = '';
	document.getElementById('step_'+step_items[cur_step]).className='visible_step';
	if(cur_step > 0)
		step_html += '&laquo; <a href="javascript:;" onClick="loadStep(\'Previous\'); " class="font1 color1">Previous</a> ';
	if(cur_step < step_items.length-1)
		step_html += ' <a href="javascript:;" onClick="loadStep(\'Next\');" class="font1 color1">Next</a> &raquo; ';
	
	step_controller.innerHTML = step_html;
}