var as = 1;
var fontt;
function addChilds(das)
{
	var nam =das;

	if(das == "padgame")
	{
	var tdr = document.getElementById("padgame");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"hangman.html","Hangman Game");

	}
	else if(das == "backp")
	{
	var tdr = document.getElementById("backp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"backp.php","Color1");
	addChil(fontt,"backp2.php","Background Color");
	addChil(fontt,"backp3.php","Background Image");
	addChil(fontt,"backp4.php","Background Repeat");
	addChil(fontt,"backp5.php","Background Position");
	addChil(fontt,"backp6.php","BG Attachment");
	}
	else if(das == "textp")
	{
	var tdr = document.getElementById("textp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"worng.php","Word Spacing");
	addChil(fontt,"letter-spacing.php","Letter Spacing");
	addChil(fontt,"te.php","Text Decoration");
	addChil(fontt,"vert.php","Ver");
	addChil(fontt,"te.php","Tex");
	addChil(fontt,"texn.php","Te");
	addChil(fontt,"texnt.php","Te");
	addChil(fontt,"lit.php","Lht");
	}
	else if(das == "fontp")
	{
	var tdr = document.getElementById("fontp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"fontp.php","Fo");
	addChil(fontt,"font.php","Foght");
	addChil(fontt,"fon.php","Fo");
	addChil(fontt,"fon4.php","Fy");
	}
	else if(das == "borderp")
	{
	var tdr = document.getElementById("borderp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"bordor.php","Bor");
	addChil(fontt,"bo.php","Bo Width");
	addChil(fontt,"bor.php","Bo");
	addChil(fontt,"sidrs.php","Sidrs");
	addChil(fontt,"bhp","Bo");
	}
	else if(das == "marginp")
	{
	var tdr = document.getElementById("marginp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"mar.php","123");
	addChil(fontt,"mnp2.php","Le");
	addChil(fontt,"marp3.php","Bo");
	addChil(fontt,"ma.php","Rig");
	addChil(fontt,"marp5.php","Mn");
	}
	else if(das == "paddingp")
	{
	var tdr = document.getElementById("paddingp");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"pngp.php","Top");
	addChil(fontt,"padp2.php","Le");
	addChil(fontt,"padp3.php","Bot");
	addChil(fontt,"pad.php","Ring");
	addChil(fontt,"paddp5.php","Pa");
	}
	else 
	{
	var tdr = document.getElementById("others");
	removeChilds(fontt);
	fontt = tdr.getElementsByTagName('font').item(0);
	removeChilds(fontt);

	addChil(fontt,"link-styles.php","Link Styles");
	addChil(fontt,"mousect.php","onMfect");
	addChil(fontt,"scrol.php","Scrle");
	addChil(fontt,"curss.php","Cues");
	addChil(fontt,"coms.php","Cmment");
	}

}

function removeChilds(fontt)
{
	if(fontt != null)
	{
		while(fontt.hasChildNodes() && fontt.childNodes.length> 1)
		{	
		if(as > 1)
		{
		fontt.removeChild(fontt.lastChild);
		}
		as = as+1;
		}
	}
}

var love = "yes";
function addChil(parent,linkname,textname)
{

var breaka = document.createElement("br");
var divs= document.createElement("div");
var link = document.createElement("a");
link.setAttribute("href",linkname);
link.style.color="#aa300a";
divs.style.marginLeft="8px";
divs.style.marginRight="4px";
divs.style.paddingLeft="3px";
divs.style.fontSize="11px";
divs.style.lineHeight="16px";
divs.style.border="0px green solid";

if(love == "yes")
{
divs.style.backgroundColor="#beefec";
love = "no";
}
else
{
divs.style.backgroundColor="#dfffdf";
love = "yes";
}
link.style.textDecoration="none";
//link.setAttribute("style","background-color: white;");

var name = document.createTextNode(textname);
//parent.appendChild(breaka);
parent.appendChild(divs);
divs.appendChild(link);
link.appendChild(name);
}

