// JavaScript Document

function showManager(index){
	if(index == 0){
		var content_index = 1;
	}else{
		var content_index = index;
	}
	
	var new_text = document.getElementById("hidden-manager-"+content_index).innerHTML;
	var content_holder = document.getElementById("gallery-content");


		for(var i=1;i<=9;i++){
			document.getElementById("c"+i).className = "image-caption";
			/*document.getElementById("c"+i).innerHTML = "";*/
			content_manager = document.getElementById("c"+i).innerHTML;
			document.getElementById("c"+i).innerHTML = content_manager;
		}

	content_holder.innerHTML = new_text;
	if(index < 0){
		var caption_holder = document.getElementById("c"+index);

		for(var i=1;i<=9;i++){
			document.getElementById("c"+i).className = "image-caption";
			document.getElementById("c"+i).innerHTML = "";
			content_manager = document.getElementById("c"+i).innerHTML;
			document.getElementById("c"+i).innerHTML = content_manager;
		} 

		var caption_content = document.getElementById("manager-caption-"+index).innerHTML;
		caption_holder.className = "image-caption";
		caption_holder.innerHTML = caption_content;
	}
}

function showBoard(index){
	if(index == 0){
		var content_index = 1;
	}else{
		var content_index = index;
	}
	var new_text = document.getElementById("hidden-board-"+content_index).innerHTML;
	var content_holder = document.getElementById("gallery-content");

	content_holder.innerHTML = new_text;
	if(index < 0){
		var caption_holder = document.getElementById("c"+index);
		for(var i=1;i<=9;i++){
			document.getElementById("c"+i).className = "image-caption";
			/*document.getElementById("c"+i).innerHTML = "";*/
		}
		var caption_content = document.getElementById("board-caption-"+index).innerHTML;
		caption_holder.className = "image-caption";
		caption_holder.innerHTML = caption_content;
	}
}

function loadManagement(){
	var target_element = document.getElementById("image-gallery");
	var content = document.getElementById("hidden-management").innerHTML;

	target_element.innerHTML = content;
	showManager(0);
}

function loadBoard(){
	var target_element = document.getElementById("image-gallery");
	var content = document.getElementById("hidden-board").innerHTML;
	
	target_element.innerHTML = content;
	showBoard(0);
}

function showInfo(index){
	document.getElementById("c"+index).style.backgroundColor="#FFFFFF";
}

function hideInfo(index){
	document.getElementById("c"+index).style.backgroundColor="#FFFFFF";
}
