// JavaScript Document
function radioC(){
	var apara = document.getElementById('resulterea');

	apara.innerHTML = 'Please select from the menu the type of server you want to make.';
	apara.nextSibling.style.display = 'none';   // 注意：対応するHTMLで改行をいれないこと、入れるとブラウザ依存で振る舞いが変わる
	apara.parentNode.style.display = '';

//	var dsply = getCookie("dsply");
//	if(!dsply){
		bxC(0);
		filtC(0);
//	}

}

function tblfilter(key){

	if(!document.getElementsByTagName) return;

	var wkey = key.innerHTML;
	var pareid = key.parentNode.parentNode.parentNode.parentNode.id;
	
	if(pareid == 'slbx1'){
		var cNodes = document.getElementById("dlmdlist1").childNodes;
	}else if(pareid == 'slbx2'){
		var cNodes = document.getElementById("dlmdlist2").childNodes;
	}else if(pareid == 'slbx3'){
		var cNodes = document.getElementById("dlmdlist3").childNodes;
	}else if(pareid == 'slbx4'){
		var cNodes = document.getElementById("dlmdlist4").childNodes;
	}else{
		return;
	}

	for(var i=0; i<cNodes.length; i++){		

		var mlist = cNodes[i];

		if(!mlist.id || mlist.id=='') continue;

		var found=false;
		var r = new RegExp(mlist.id);
		
		if(key==""){
			found=false;
		}else if(wkey.search(r)>=0){	
			found=true;
		}

		if(found==true){
			mlist.style.display = '';
		}else{
			mlist.style.display = 'none';
		}

		if(pareid == 'slbx1'){
			document.getElementById("dlmdlist1").style.display = "";
			setCookie("dsply","1");
		}else if(pareid == 'slbx2'){
			document.getElementById("dlmdlist2").style.display = "";
			setCookie("dsply","1");
		}else if(pareid == 'slbx3'){
			document.getElementById("dlmdlist3").style.display = "";
			setCookie("dsply","1");
		}else if(pareid == 'slbx4'){
			document.getElementById("dlmdlist4").style.display = "";
			setCookie("dsply","1");
		}else{
			return;
		}

	}

}

// Webページでフォームが変更 -> ここにくる(togglebx) -> フィルタをクリア(filtC) -> 対象を表示する(bxC)
function togglebx(key) {

	var lkey = key.innerHTML;
	var apara = document.getElementById('resulterea')
	var lclink = '<a href="javascript:;" onClick="togglebx(this);">Tower</a> | <a href="javascript:;" onClick="togglebx(this);">Rack</a> | <a href="javascript:;" onClick="togglebx(this);">Fault-Tolerant Server</a> | <a href="javascript:;" onClick="togglebx(this);">Server Blade</a> | <a href="javascript:;" onClick="togglebx(this);">Other</a> | <a href="javascript:;" onClick="togglebx(this);">Server Options</a>';
	var rkey = '<a[^>]*>' + lkey + '</a>';
	var r = new RegExp(rkey);

	if (lkey == "Tower"){
		filtC(0);
		bxC(1);
	}else if(lkey == "Rack"){
		filtC(0);
		bxC(2);
	}else if(lkey == "Other"){
		filtC(0);
		bxC(3);
	}else if(lkey == "Fault-Tolerant Server"){
		filtC(0);
		bxC(4);
	}else if(lkey == "Server Blade"){
		filtC(0);
		bxC(5);
	}else if(lkey == "Server Options"){
		filtC(0);
		bxC(6);
	}

	apara.innerHTML = lclink.replace(r,lkey);
	apara.nextSibling.style.display = '';   // 注意：対応するHTMLで改行をいれないこと、入れるとブラウザ依存で振る舞いが変わる

}

// 
function bxC(o){

	document.getElementById("slbx0").style.display = "none";
	document.getElementById("slbx1").style.display = "none";
	document.getElementById("slbx2").style.display = "none";
	document.getElementById("slbx3").style.display = "none";
	document.getElementById("slbx4").style.display = "none";
	
	if (o == 1){
		document.getElementById("slbx1").style.display = "";
	}else if (o == 2){
		document.getElementById("slbx2").style.display = "";
	}else if (o == 3){
		document.getElementById("slbx3").style.display = "";
	}else if (o == 4){
		document.getElementById("dlmdlist5").style.display = "";
	}else if (o == 5){
		document.getElementById("dlmdlist6").style.display = "";
	}else if (o == 6){
		document.getElementById("slbx4").style.display = "";
	}else if (o == 0){
		document.getElementById("slbx0").style.display = "";
	}

}

// 
function filtC(o){

	document.getElementById("dlmdlist1").style.display = "none";
	document.getElementById("dlmdlist2").style.display = "none";
	document.getElementById("dlmdlist3").style.display = "none";
	document.getElementById("dlmdlist4").style.display = "none";
	document.getElementById("dlmdlist5").style.display = "none";
	document.getElementById("dlmdlist6").style.display = "none";

	if (o == 1){
		document.getElementById("dlmdlist1").style.display = "";
	}else if (o == 2){
		document.getElementById("dlmdlist2").style.display = "";
	}else if (o == 3){
		document.getElementById("dlmdlist3").style.display = "";
	}else if (o == 4){
		document.getElementById("dlmdlist4").style.display = "";
	}

}

//
function setCookie(name,value){
	var coolieStr = name + "=" + encodeURIComponent(value);
    document.cookie = coolieStr;
}

//
function getCookie(name){
	var i, cookies, value;
	cookies = document.cookie.split("; ");
	for (i = 0; i < cookies.length; i++){
		value = cookies[i].split("=");
		if (value[0] == name) {
				return decodeURIComponent(value[1]);
		}
	}
	return null;
}