//alert ("javascript.js has loaded");




//	Make a list of the info boxes
	the_boxes = new Array("","info_box_1","info_box_2","info_box_3");	// the empty slot at the beginning just makes it easier to work with the numbers

//	This notes what info_text_x layer is currently being displayed. 
//	info_box_1 is set by default via CSS...
	the_current_box = 1;

	
	
	
	
	
	
	function switch_info_boxes (the_new_box) {
	
			//alert ('toggling ' + the_boxes[the_current_box] + ' and ' + the_boxes[the_new_box]);
	
		var the_current_box_id = the_boxes[the_current_box];
		var the_new_box_id 	= the_boxes[the_new_box];
		
		document.getElementById(the_current_box_id).style.display = 'none';
		document.getElementById(the_new_box_id).style.display = 'block';
		


		var the_current_controller_button = 	'info_box_controller_button_' + the_current_box;
		var the_current_controller_graphic = 	asset_root + 'info_box_controller_button_' + the_current_box + '.gif';

		var the_new_controller_button = 		'info_box_controller_button_' + the_new_box;
		var the_new_controller_graphic = 		asset_root + 'info_box_controller_button_' + the_new_box + '_over.gif';
		
			//alert (the_current_controller_button + ', ' + the_new_controller_button + ', ' + the_current_controller_graphic + ', ' + the_new_controller_graphic);
		
		document.getElementById(the_current_controller_button).setAttribute('src', the_current_controller_graphic);
		document.getElementById(the_new_controller_button).setAttribute('src', the_new_controller_graphic);
		
		
		
		the_current_box = the_new_box;
 		
 			//alert ("the_current_box = " + the_current_box); 
 	}
	
	
	
	
	function bump_info_box (the_direction) {
		
			//alert ('bumping info box ' + the_direction + the_current_box);
			
		if (the_direction == "up") {
			var the_new_box = the_current_box + 1;
			
			if (the_new_box == the_boxes.length) {
				the_new_box = 1;
			}

		} else  {
		
			var the_new_box = the_current_box - 1;
			if (the_new_box <= 0) {
				the_new_box = 3;
			}
		}
		
		switch_info_boxes (the_new_box);
	}






window.onload = prepare_elements;

function prepare_elements () {

//	Engage the rollover state on the default info box controller button..
	document.getElementById("info_box_controller_button_1").setAttribute("src", asset_root + "info_box_controller_button_1_over.gif");

//	Add event handlers to the info box controller buttons (ie: id="info_box_controller_blahblahblah").
//	Yes, this is tedious...
	
	document.getElementById("info_box_controller_arrow_lft").onmouseover = function () {
		document.getElementById("info_box_controller_arrow_lft").setAttribute("src", asset_root + "info_box_controller_arrow_lft_over.gif");
	}
	
	document.getElementById("info_box_controller_arrow_lft").onmouseout = function () {
		document.getElementById("info_box_controller_arrow_lft").setAttribute("src", asset_root + "info_box_controller_arrow_lft.gif");
	}
	
	document.getElementById("info_box_controller_arrow_lft").onclick = function () {
		bump_info_box ('down');
		return false;
	}



	
	document.getElementById("info_box_controller_button_1").onmouseover = function () {
		document.getElementById("info_box_controller_button_1").setAttribute("src", asset_root + "info_box_controller_button_1_over.gif");
	}
	
	document.getElementById("info_box_controller_button_1").onmouseout = function () {
		if (the_boxes[the_current_box] != 'info_box_1') { document.getElementById("info_box_controller_button_1").setAttribute("src", asset_root + "info_box_controller_button_1.gif");}
	}
	
	document.getElementById("info_box_controller_button_1").onclick = function () {
		switch_info_boxes (1);
		return false;
	}



	
	document.getElementById("info_box_controller_button_2").onmouseover = function () {
		document.getElementById("info_box_controller_button_2").setAttribute("src", asset_root + "info_box_controller_button_2_over.gif");
	}
	
	document.getElementById("info_box_controller_button_2").onmouseout = function () {
		if (the_boxes[the_current_box] != 'info_box_2') { document.getElementById("info_box_controller_button_2").setAttribute("src", asset_root + "info_box_controller_button_2.gif");}
	}
	
	document.getElementById("info_box_controller_button_2").onclick = function () {
		switch_info_boxes (2);
		return false;
	}



	
	document.getElementById("info_box_controller_button_3").onmouseover = function () {
		document.getElementById("info_box_controller_button_3").setAttribute("src", asset_root + "info_box_controller_button_3_over.gif");
	}
	
	document.getElementById("info_box_controller_button_3").onmouseout = function () {
		if (the_boxes[the_current_box] != 'info_box_3') { document.getElementById("info_box_controller_button_3").setAttribute("src", asset_root + "info_box_controller_button_3.gif");}
	}
	
	document.getElementById("info_box_controller_button_3").onclick = function () {
		switch_info_boxes (3);
		return false;
	}



	
	document.getElementById("info_box_controller_arrow_rgt").onmouseover = function () {
		document.getElementById("info_box_controller_arrow_rgt").setAttribute("src", asset_root + "info_box_controller_arrow_rgt_over.gif");
	}
	
	document.getElementById("info_box_controller_arrow_rgt").onmouseout = function () {
		document.getElementById("info_box_controller_arrow_rgt").setAttribute("src", asset_root + "info_box_controller_arrow_rgt.gif");
	}
	
	document.getElementById("info_box_controller_arrow_rgt").onclick = function () {
		bump_info_box ('up');
		return false;
	}
}