/**
 * @author Owner
 */
function initTeachersPanel(imageArea, textArea) {
			
	var imageObj = $(imageArea);
	var textObj = $(textArea);
				
	Event.observe('teacherstable', 'click', showTeacherInfo, false);
	
	if (teachersImages[4].length > 0) {
		
		$(teacherLargeImage).innerHTML = "<img src='/img/each/teachers/" + teachersImages[4] + "' />";
		
	} else {
		
		$(teacherLargeImage).innerHTML = "";
		
	}
	
	$(teacherText).innerHTML = "<p>" + teachers[4] + "</p>";
	
}

function writeTeacherInfo(teacher) {
	
	var teacherNumber = teacher.substring(7, teacher.length) - 1;
	
	$('scrollerContent').style.top = 0 + "px";
	
	if (teachersImages[teacherNumber].length > 0) {
		
		$(teacherLargeImage).innerHTML = "<img src='/img/each/teachers/" + teachersImages[teacherNumber] + "' />";
		
	} else {
		
		$(teacherLargeImage).innerHTML = "";
		
	}
	
	$(teacherText).innerHTML = "<p>" + teachers[teacherNumber] + "</p>";
	
	
	
}

function showTeacherInfo(evt) {
	
	var child = Event.element(evt);
	Event.stop(evt);
	
	writeTeacherInfo(child.id);
		
}

function moveDownHandler(containerToHandle, contentToHandle) {
	
	interval = setInterval("moveDown('"+ containerToHandle +"','"+ contentToHandle +"')", scrollSpeed);
	
}

function moveUpHandler(containerToHandle, contentToHandle) {
	
	interval = setInterval("moveUp('"+ containerToHandle +"','"+ contentToHandle +"')", scrollSpeed);
	
}

function stopScroller() {
	
	clearInterval(interval);
	
}

function moveDown(container, content) {
	
	var containerObj = $(container);
	var contentObj = $(content);
	
	if (contentObj.offsetTop*(-1) + containerObj.offsetHeight < contentObj.offsetHeight) {
		
		contentObj.style.top = contentObj.offsetTop - 1 + "px";
		
	}
	
}
function moveUp(container, content) {
	
	var containerObj = $(container);
	var contentObj = $(content);
	
	if (contentObj.offsetTop < 0) {
		
		contentObj.style.top = contentObj.offsetTop + 1 + "px";
		
	}
	
}