function ChangeImage (strImageName,strNewSrc)
{
	document.images[strImageName].src = strNewSrc;
}
//--------------------------------------------------------------------------------------------
function Over(id)
{
	document.getElementById(id).style.color ="white";
	document.getElementById(id).bgColor ="#CCD9E5";
	document.getElementById(id).style.cursor ="hand";
}
//---------------------------------------------------------------------------------------------
function Out(id)
{
	document.getElementById(id).style.color ="#000033";
	document.getElementById(id).bgColor ="white";
}
//--------------------------------------------------------------------------------------------
function ShowMenu(name1,name2)
{
	document.getElementById(name1).style.display = "block";	
	document.getElementById(name2).style.display = "block";
	HideDiv(name2);
}
//--------------------------------------------------------------------------------------------
function HideMenu(name1,name2)
{
	document.getElementById(name1).style.display = "none";	
	document.getElementById(name2).style.display = "none";
	return true;
}
//--------------------------------------------------------------------------------------------
function HideDiv(name2)
{
	var Len, ID;
	
	Len = document.getElementsByTagName("div").length;
	if(Len == "1")
	{
		ID = document.getElementsByTagName("div")[0].id;
		if(ID != name2)
			document.getElementById(ID).style.display = "none";
	}

	if(Len > 1)
	{
		for(i=0 ; i < Len ; i++)
		{
			ID = document.getElementsByTagName("div")[i].id;
			if(ID != name2)
				document.getElementById(ID).style.display = "none";
		}
	}
	return true;
}
//--------------------------------------------------------------------------------------------
function HideAll()
{
	var DivLen, DivID;
	
	DivLen = document.getElementsByTagName("div").length;
	if(DivLen == "1")
	{
		DivID = document.getElementsByTagName("div")[0].id;
		document.getElementById(DivID).style.display = "none";
	}

	if(DivLen > 1)
	{
		for(i=0 ; i < DivLen ; i++)
		{
			DivID = document.getElementsByTagName("div")[i].id;
			document.getElementById(DivID).style.display = "none";
		}
	}
}
//---------------------------------------------------------------------------------------------
function ShowDiv(name) //Not Used
{
	document.getElementById(name).style.display = "";
}
//--------------------------------------------------------------------------------------------
function HideShownDiv(name) //Not Used
{
	document.getElementById(name).style.display = "none";
}
//--------------------------------------------------------------------------------------------
function SetPosition()
{
	switch(screen.width)
	{
		case 800:
			document.getElementById("Groups").style.left = "505";
			break;
		
		case 1024:
			document.getElementById("Groups").style.left = "691";
			break;
	}
}

//---------------------------------------------------------------------------------------------
function OverCell(id)
{
	document.getElementById(id).style.color ="white";
	document.getElementById(id).bgColor ="#CCD9E5";
	document.getElementById(id).style.cursor ="hand";
	
}
//---------------------------------------------------------------------------------------------

  function ShowDetails_fresh(fresh,Event1)
  {
  	
    if(Event1=="over")
	{
 	 	document.getElementById('pic1').innerHTML= "<td width='20%' height='106'><img border='0' src='images/peole_cycle_text1.gif' width='90' height='71'></td>";
		document.getElementById('pic2').innerHTML= "<td width='19%' height='106'></td>";
		document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
		document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
        document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td></tr>";
		
	}
	if(Event1=="out")
	 {
	   document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
	   document.getElementById('pic2').innerHTML= "<td width='19%' height='106'></td>";
	   document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
	   document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
	   document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";
	 }
	}

//***************************************************************************************
function ShowDetails_skill(skill_development,Event)
  {
    if(Event=="over")
	{
		document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
		document.getElementById('pic2').innerHTML= "<td width='19%' height='106'><img border='0' src='images/peole_cycle_text2.gif' width='192' height='96'></td>";
		document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
		document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
        document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";

		
	}
	if(Event=="out")
	 {
	   document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
	   document.getElementById('pic2').innerHTML= "<td width='19%' height='106'></td>";
	   document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
	   document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
	   document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";
	 }
	}

//*******************************************************************************************	
function ShowDetails_job(job_training,Event)
  {
    if(Event=="over")
	{
		document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
		document.getElementById('pic2').innerHTML= "<td width='28%' height='106'></td>";
		document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
		document.getElementById('pic4').innerHTML= "<td width='27%' height='106'><img border='0' src='images/peole_cycle_text4.gif' width='141' height='96'></td>";
        document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";

	}
	if(Event=="out")
	 {
	   document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
	   document.getElementById('pic2').innerHTML= "<td width='19%' height='106'></td>";
	   document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
	   document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
	   document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";
	 }
	}
 	 
/****************************************************************************************/	
function  ShowDetails_people(consultant,Event)
  {
    if(Event=="over")
	{
		document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
		document.getElementById('pic2').innerHTML= "<td width='18%' height='106'></td>";
		document.getElementById('pic3').innerHTML= "<td width='18%' height='106'></td>";
		document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
        document.getElementById('pic5').innerHTML= "<td width='26%' height='106'><img border='0' src='images/peole_cycle_text5.gif' width='84' height='106'></td>";

	}
	if(Event=="out")
	 {
	   document.getElementById('pic1').innerHTML= "<td width='20%' height='106'></td>";
	   document.getElementById('pic2').innerHTML= "<td width='19%' height='106'></td>";
	   document.getElementById('pic3').innerHTML= "<td width='17%' height='106'></td>";
	   document.getElementById('pic4').innerHTML= "<td width='18%' height='106'></td>";
	   document.getElementById('pic5').innerHTML= "<td width='26%' height='106'></td>";
	 }
	}
 
//************************************************************************************

 function ShowDetails_cycle(peole_cycle,Event)
  {
    if(Event=="over")
	{
 	 	document.getElementById('senior').innerHTML= "<td width='37%' id='senior' align='left' valign='top'><img src='images/peole_cycle_text7.gif' width='120' height='76'></td>";
	}
	if(Event=="out")
	 {
	   document.getElementById('senior').innerHTML= "<td width='37%' id='senior' align='left' valign='top'>&nbsp;</td>";
	 }
  }
//***************************************************************************************

 function ChangeTextColor(FontId,Event)
{
	if(Event=="over")
		document.getElementById(FontId).style.color = "red"
	else
	if(Event=="out")		
		document.getElementById(FontId).style.color = "#484848"
}


//******************************************************************************

 function ChangeSubMenuColor(FontId,Event)
{
	if(Event=="over")
	   document.getElementById(FontId).style.color = "#000080"
	else
	if(Event=="out")		
		document.getElementById(FontId).style.color = "#cecfce"
}


//************************************************************************

 
  function RowColor(id,EventType){
   if ( document.getElementById(id).id =="track1" )
     {
	 if ( EventType == 'over' )
	  {
	    document.getElementById(id).bgColor = '#E2EBF1';
		}
	 else 
	  {
	    document.getElementById(id).bgColor = "#ffffff"
	  } 
     }
	
  }
  
  //******************************************************************