var OnArea="cctv";

function show_chapters(areaid)
{
	var AreaName="AREA"+areaid;
	var AreaObj = document.getElementById(AreaName);
	var sourceObj = document.getElementById(areaid);
	
	hide_chapters(OnArea);
	hide_all_sections("AREA"+OnArea);
	
	AreaObj.style.top = sourceObj.offsetTop+"px";
	AreaObj.style.left = sourceObj.offsetLeft+"px";
	AreaObj.style.visibility = "visible";
	OnArea = areaid;
}
	
function hide_chapters(areaid)
{
	var AreaName="AREA"+areaid;
	var AreaObj = document.getElementById(AreaName);
	AreaObj.style.visibility = "hidden";
}

function hide_all_chapters()
{
	var counter=0;
	var divTagIdName;
	var divChapterTags = document.getElementById("allareas").getElementsByTagName("div");
	for(counter in divChapterTags)
	{
		divTagId = divChapterTags[counter].id;
		divTagIdName = divChapterTags[counter].id+"";
		if(divTagIdName.indexOf("AREA") != -1)
		{
			document.getElementById(divChapterTags[counter].id).style.visibility = "hidden";
		}
	}
}

function show_sections(chapterid,area)
{
	var SectionsName=chapterid.replace("chapter", "sectionset");
	var ChapterObj=document.getElementById(chapterid);
	var SectionsObj = document.getElementById(SectionsName);
	
	hide_all_sections(area);
	
	SectionsObj.style.top = ChapterObj.offsetTop+"px";
	SectionsObj.style.left = ChapterObj.offsetLeft+ChapterObj.offsetWidth+"px";
	SectionsObj.style.visibility = "visible";
}

function hide_sections(chapterid)
{
	var SectionsName=chapterid.replace("chapter", "sections");
	var SectionsObj = document.getElementById(SectionsName);
	SectionsObj.style.visibility = "hidden";
}

function hide_all_sections(parentarea)
{
	var counter=0;
	var divTagIdName;
	var divSectionTags = document.getElementById(parentarea).getElementsByTagName("div");
	for(counter in divSectionTags)
	{
		divTagId = divSectionTags[counter].id;
		divTagIdName = divSectionTags[counter].id+"";
		if(divTagIdName.indexOf("sectionset_") != -1)
		{
			document.getElementById(divSectionTags[counter].id).style.visibility = "hidden";
		}
	}
}

function hide_all_all_sections()
{
	var counter=0;
	var divTagIdName;
	var divSectionTags = document.body.getElementsByTagName("div");
	for(counter in divSectionTags)
	{
		divTagId = divSectionTags[counter].id;
		divTagIdName = divSectionTags[counter].id+"";
		if(divTagIdName.indexOf("sectionset_") != -1)
		{
			document.getElementById(divSectionTags[counter].id).style.visibility = "hidden";
		}
	}
}