// JavaScript Document
window.onload = function(){
	var nav = document.getElementById("nav");
	var f1 = document.getElementById("custome-fields");
	var f2 = document.getElementById("url-fields");
	var f3 = document.getElementById("url-gg");
	var f4 = document.getElementById("url-xf");
	li = nav.getElementsByTagName("li");
	li[0].onclick = function(){
		if(this.id != "at-here"){
			for(k = 0;k <li.length ; k++){
				li[k].id = "";
			}
			this.id = "at-here";
			f1.style.display = "block";
			f2.style.display = "none";
			f3.style.display = "none";
			f4.style.display = "none";
		}
	}
	li[1].onclick = function(){
		if(this.id != "at-here"){
			for(k = 0;k <li.length ; k++){
				li[k].id = "";
			}
			this.id = "at-here";
			f1.style.display = "none";
			f2.style.display = "block";
			f3.style.display = "none";
			f4.style.display = "none";
			
		}
	}
	li[2].onclick = function(){
	if(this.id != "at-here"){
		for(k = 0;k <li.length ; k++){
			li[k].id = "";
		}
		this.id = "at-here";
		f1.style.display = "none";
		f2.style.display = "none";
		f3.style.display = "block";
		f4.style.display = "none";
	}
}
	li[3].onclick = function(){
	if(this.id != "at-here"){
		for(k = 0;k <li.length ; k++){
			li[k].id = "";
		}
		this.id = "at-here";
		f1.style.display = "none";
		f2.style.display = "none";
		f3.style.display = "none";
		f4.style.display = "block";
	}
}


}