// JavaScript Document

function toggleDisplayById (elementID) {
  targetID = elementID + "_cont";
  tdtarget = document.getElementById(targetID);
  tdelement = document.getElementById(elementID);
  if (tdtarget.className == '')
  {
	tdtarget.className = 'hide';
	tdelement.className = tdelement.className.replace('dropdown on', 'dropdown');
	//document.getElementById(elementID).getElementsByTagName('h3')[0].style.backgroundPosition = 'bottom right';
  }
  else
  {
    tdtarget.className = '';
	tdelement.className += " on";
    //document.getElementById(elementID).class = '';
	//document.getElementById(elementID).getElementsByTagName('h3')[0].style.backgroundPosition = 'top right';
  }
}

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