var panelz = new Array('panelz1', 'panelz2', 'panelz3');
var panels = new Array('panel1', 'panel2', 'panel3', 'panel4');
var selected = 1;

function showPanel(name)
{
	for(i = 0; i < panels.length; i++)
	{	
		document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
		if( name == 'panel1')
		{
			document.getElementById("cia").src="../images/Image_CIA_Classroom.jpg";
			selected = 1;//alert( selected);
		}
		else if(name == 'panel2')
		{
			document.getElementById("cia").src="../images/Image_CIA_Curriculum.jpg";
			selected = 2;//alert( selected);
		}
		else if(name == 'panel3')
		{
			document.getElementById("cia").src="../images/Image_CIA_Instruction.jpg";
			selected = 3;//alert( selected);
		}
		else if(name == 'panel4')
		{
			document.getElementById("cia").src="../images/Image_CIA_Assessment.jpg";
			selected = 4;//alert( selected);
		}
	}
	return false;
}

function showPanelz(tab, name)
{
	if (tab == 0)
	{
		document.getElementById("myimage_0").src = '../images/FeaturesTabOn.png';
		document.getElementById("features").className = 'sel';
		
		document.getElementById("myimage_1").src = '../images/ServicesTabOff.png';
		document.getElementById("services").className = 'unsel';
		
		document.getElementById("myimage_2").src = '../images/BenefitsTabOff.png';
		document.getElementById("benefits").className = 'unsel';
	} 
	else if(tab == 1)
	{
		document.getElementById("myimage_1").src = '../images/ServicesTabOn.png';
		document.getElementById("services").className = 'sel';
		
		document.getElementById("myimage_0").src = '../images/FeaturesTabOff.png';
		document.getElementById("features").className = 'unsel';
		
		document.getElementById("myimage_2").src = '../images/BenefitsTabOff.png';
		document.getElementById("benefits").className = 'unsel';
	}
	else if(tab == 2)
	{
		document.getElementById("myimage_2").src = '../images/BenefitsTabOn.png';
		document.getElementById("benefits").className = 'sel';
		
		document.getElementById("myimage_0").src = '../images/FeaturesTabOff.png';
		document.getElementById("features").className = 'unsel';
		
		document.getElementById("myimage_1").src = '../images/ServicesTabOff.png';
		document.getElementById("services").className = 'unsel';
	}	
	for(i = 0; i < panelz.length; i++)
	{
		document.getElementById(panelz[i]).style.display = (name == panelz[i]) ? 'block':'none';
	}
	return false;
}

function showPanelz2(tab, name)
{
	if (tab == 0)
	{
		document.getElementById("myimage_0").src = '../images/image_curriculum_over.png';
		document.getElementById("curriculum").className = 'sel';
		
		document.getElementById("myimage_1").src = '../images/image_instruction_off.png';
		document.getElementById("instruct").className = 'unsel';
		
		document.getElementById("myimage_2").src = '../images/image_assessment_off.png';
		document.getElementById("assess").className = 'unsel';
	} 
	else if(tab == 1)
	{
		document.getElementById("myimage_1").src = '../images/image_instruction_over.png';
		document.getElementById("instruct").className = 'sel';
		
		document.getElementById("myimage_0").src = '../images/image_curriculum_off.png';
		document.getElementById("curriculum").className = 'unsel';
		
		document.getElementById("myimage_2").src = '../images/image_assessment_off.png';
		document.getElementById("assess").className = 'unsel';
	}
	else if(tab == 2)
	{
		document.getElementById("myimage_2").src = '../images/image_assessment_over.png';
		document.getElementById("assess").className = 'sel';
		
		document.getElementById("myimage_0").src = '../images/image_curriculum_off.png';
		document.getElementById("curriculum").className = 'unsel';
		
		document.getElementById("myimage_1").src = '../images/image_instruction_off.png';
		document.getElementById("instruct").className = 'unsel';
	}
	
	for(i = 0; i < panelz.length; i++)
		{
			document.getElementById(panelz[i]).style.display = (name == panelz[i]) ? 'block':'none';
		}
	return false;
}
function showImage(name)
{
	for(i = 0; i < panels.length; i++)
	{	
		document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
		if( name == 'panel1')
		{
			document.getElementById("cia").src="../images/Image_CIA_Classroom.jpg";
		}
		else if(name == 'panel2')
		{
			document.getElementById("cia").src="../images/Image_CIA_Curriculum.jpg";
		}
		else if(name == 'panel3')
		{
			document.getElementById("cia").src="../images/Image_CIA_Instruction.jpg";	
		}
		else if(name == 'panel4')
		{
			document.getElementById("cia").src="../images/Image_CIA_Assessment.jpg";	
		}
	}
	return false;
}

function remImage()
{
	
	if( selected == 1)
	{
		document.getElementById("cia").src="../images/Image_CIA.jpg";	
		document.getElementById(panels[selected-1]).style.display = 'block';
	}
	else if(selected == 2)
	{
		document.getElementById("cia").src="../images/Image_CIA_Curriculum.jpg";
		document.getElementById(panels[selected-1]).style.display = 'block';
	}
	else if(selected == 3)
	{
		document.getElementById("cia").src="../images/Image_CIA_Instruction.jpg";
		document.getElementById(panels[selected-1]).style.display = 'block';
	}
	else if(selected == 4)
	{
		document.getElementById("cia").src="../images/Image_CIA_Assessment.jpg";
		document.getElementById(panels[selected-1]).style.display = 'block';
	}	
	for(i = 0; i < panels.length; i++)
	{
		if( i+1 != selected )
		{
			document.getElementById(panels[i]).style.display = 'none';
		}
	}
}