function OnOurMathCircles()
{

	DefaultColors();
	
	var ourMathCircles = document.getElementById("iOurMathCircles");
	ourMathCircles.style.backgroundColor = "#dfb8df";	
}

function OnSamples()
{
	DefaultColors();
	var circleSamples = document.getElementById("iCircleSamples");
	circleSamples.style.backgroundColor = "#dfb8df";	
}


function OnCurriculum()
{
	DefaultColors();
	var curriculum = document.getElementById("iCurriculum");
	curriculum.style.backgroundColor = "#dfb8df";	

}


function OnCurrent()
{
	DefaultColors();
	var current = document.getElementById("iCurrent");
	current.style.backgroundColor = "#dfb8df";	
}

function OnTeachers()
{
	DefaultColors();
	var teachers = document.getElementById("iTeachers");
	teachers.style.backgroundColor = "#dfb8df";	
}

function OnGames()
{
	DefaultColors();
	var games = document.getElementById("iGames");
	games.style.backgroundColor = "#dfb8df";	
}

function OnResources()
{
	DefaultColors();
	var resources = document.getElementById("iResources");
	resources .style.backgroundColor = "#dfb8df";	

}


function DefaultColors()
{
						
	var ourMathCircles = document.getElementById("iOurMathCircles");
	var circleSamples = document.getElementById("iCircleSamples");
	var curriculum = document.getElementById("iCurriculum");
	var current = document.getElementById("iCurrent");
	var teachers = document.getElementById("iTeachers");
	var games = document.getElementById("iGames");
	var resources = document.getElementById("iResources");

	
	ourMathCircles.style.backgroundColor = "FFEEAA";	
	circleSamples.style.backgroundColor = "#FFEEAA";	
	curriculum.style.backgroundColor = "#FFEEAA";
	current.style.backgroundColor = "#FFEEAA";	
	teachers.style.backgroundColor = "#FFEEAA";		
	games.style.backgroundColor = "#FFEEAA";
	resources.style.backgroundColor = "FFEEAA";
	
}

/*on load, the defaukt horisintal tab is hifhlighted */
function OnLoadDefault()
{
	DefaultColors();
	OnOurMathCircles();
}