// JavaScript Document

document.cookie = "check_1=" + 0;
document.cookie = "check_2=" + 0;
document.cookie = "check_3=" + 0;
document.cookie = "check_4=" + 0;
document.cookie = "check_5=" + 0;


function createRequestObject(){
  var ro;
  var browser = navigator.appName;
  if (browser == 'Microsoft Internet Explorer'){
    ro = new ActiveXObject('Microsoft.XMLHTTP');
  }else{
    ro = new XMLHttpRequest();
  }
  return ro;
}

var http = createRequestObject();
var num;
var i;

function handleResponse(){
	
  if (http.readyState == 4){
    var response = http.responseText;
	var update = new Array();

    if (response.indexOf('|' != -1)){
		update = response.split('|');

		for(i=1;i<=5;i++){document.getElementById("sp_"+ i).className = 'noselected';}
		for(i=1;i<=update[0];i++){document.getElementById("sp_"+ i).className = 'selected';}
		
		for(i=1;i<=5;i++){document.getElementById("su_"+ i).className = 'noselected';}
		for(i=1;i<=update[1];i++){document.getElementById("su_"+ i).className = 'selected';}
		
		for(i=1;i<=5;i++){document.getElementById("fa_"+ i).className = 'noselected';}
		for(i=1;i<=update[2];i++){document.getElementById("fa_"+ i).className = 'selected';}
		
		for(i=1;i<=5;i++){document.getElementById("wi_"+ i).className = 'noselected';}
		for(i=1;i<=update[3];i++){document.getElementById("wi_"+ i).className = 'selected';}	
    }
  }
}



	
function check_1(num)
{
	for(i=1;i<5;i++){document.getElementById(i).className = 'noselected';}
	document.getElementById(num).className = 'selected';
	http.open('POST','http://' + location.hostname + '/contents/php.php?num='+ num);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function check_2(num)
{
	for(i=5;i<9;i++){document.getElementById(i).className = 'noselected';}
	document.getElementById(num).className = 'selected';
	http.open('POST','http://' + location.hostname + '/contents/php.php?num='+num);
	http.onreadystatechange = handleResponse;
	http.send(null);

}

function check_3(num)
{
	for(i=9;i<13;i++){document.getElementById(i).className = 'noselected';}
	document.getElementById(num).className = 'selected';
	http.open('POST','http://' + location.hostname + '/contents/php.php?num='+num);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function check_4(num)
{
	for(i=13;i<17;i++){document.getElementById(i).className = 'noselected';}
	document.getElementById(num).className = 'selected';
	http.open('POST','http://' + location.hostname + '/contents/php.php?num='+num);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function check_5(num)
{
	for(i=17;i<21;i++){document.getElementById(i).className = 'noselected';}
	document.getElementById(num).className = 'selected';
	http.open('POST','http://' + location.hostname + '/contents/php.php?num='+num);
	http.onreadystatechange = handleResponse;
	http.send(null);
}