var QuickServiceContent = document.getElementById("QuickServiceContent");
var Reg = document.getElementById("Reg");
var ul = QuickServiceContent.getElementsByTagName("ul");
var lis = ul[0].getElementsByTagName("li");
var allspan = ul[0].getElementsByTagName("span");
var divs = QuickServiceContent.getElementsByTagName("div");

for(var x = 1; x <= 2; x ++){
	show();
}

function show(){
	var Quicks = document.getElementById("Quick" + x);
	var divs = Quicks.getElementsByTagName("div");
	var spans = Quicks.getElementsByTagName("span");
	for(var i = 0; i < spans.length; i++){
		spans[i].num = i;
		spans[i].onmouseover = type;
	}
	function type(){
		for(var i = 0; i < lis.length; i++){
			lis[i].className = null;
		}
		for(var i = 0; i < allspan.length; i++){
			allspan[i].id = null;
		}
		for(var i = 0; i < divs.length; i++){
			divs[i].className = null;
		}
		Reg.id = null;
		spans[this.num].id = spans[this.num].className;
		divs[this.num].className = "DivBlock";
		Quicks.className = "LiHover";
	}
}