// JavaScript Document

function toggleDisplayById (elementID) {
  if (document.getElementById(elementID).getElementsByTagName('div')[0].style.display == 'block')
  {
	document.getElementById(elementID).getElementsByTagName('div')[0].style.display = 'none';
	document.getElementById(elementID).getElementsByTagName('h3')[0].style.backgroundPosition = 'bottom left';
  }
  else
  {
    document.getElementById(elementID).getElementsByTagName('div')[0].style.display = 'block';
	document.getElementById(elementID).getElementsByTagName('h3')[0].style.backgroundPosition = 'top left';
  }
}

function toggleSelectedCourseById (elementID) {
	if (elementID == 'general') {
		document.getElementById('general').style.display = 'block';
		document.getElementById('personal').style.display = 'none';
		document.getElementById('selGeneral').style.backgroundImage = 'url(/images/course_options_active_li.jpg)';
		document.getElementById('selGeneral').getElementsByTagName('a')[0].style.backgroundImage = 'url(/images/course_options_active_li_a.jpg)';
		document.getElementById('selPersonal').style.backgroundImage = 'url(/images/course_options_inactive_li.jpg)';
		document.getElementById('selPersonal').getElementsByTagName('a')[0].style.backgroundImage = 'url(/images/course_options_inactive_li_a.jpg)';
	} else {
		document.getElementById('personal').style.display = 'block';
		document.getElementById('general').style.display = 'none';
		document.getElementById('selPersonal').style.backgroundImage = 'url(/images/course_options_active_li.jpg)';
		document.getElementById('selPersonal').getElementsByTagName('a')[0].style.backgroundImage = 'url(/images/course_options_active_li_a.jpg)';
		document.getElementById('selGeneral').style.backgroundImage = 'url(/images/course_options_inactive_li.jpg)';
		document.getElementById('selGeneral').getElementsByTagName('a')[0].style.backgroundImage = 'url(/images/course_options_inactive_li_a.jpg)';
	}
}