function disable_option(){
	var myvalue;
	var myselect = document.getElementById( 'type' );
	var mycategory = document.getElementById( 'category' );
	
	for (var i=0; i< myselect.options.length; i++){
		if (myselect.options[i].selected == true){
			myvalue = myselect.options[i].value;
			break;
		}
	}
	
	if( myvalue == 2 ){
		mycategory.options[0].selected = true;
		reset_selection(mycategory, 0);
	}else{
		reset_selection(mycategory, 1);
	}
	
}

function reset_selection( iobject, istatus ){
	iobject.disabled = istatus ? false : true ;
}

function visible_selection( ){
	var mycategory = document.getElementById( 'category' );
	reset_selection(mycategory, 1);
}

function submit_registration(){
	var myselect = document.getElementById( 'type' );
	var mycategory = document.getElementById( 'category' );
	
	reset_selection( myselect, 1 );
	reset_selection( mycategory, 1 );
	
	document.registration.submit();
}

function set_display( mystat ){
	var myvalue;
	var myselect = document.getElementById( 'type' );
	var mycategory = document.getElementById( 'category' );
	var myanchor = document.getElementById( 'navigate_button' );
	
	for (var i=0; i< myselect.options.length; i++){
		if (myselect.options[i].selected == true){
			myvalue = myselect.options[i].value;
			break;
		}
	}
	
	switch(myvalue){
		case '1'	: toggleBox('individual', 1); toggleBox('relay', 0); break;
		case '2'	: toggleBox('relay', 1); toggleBox('individual', 0); break;
		default		: alert('test');
	}
	
	if( mystat ){
		toggleBox('relay', 0); toggleBox('individual', 0);
		reset_selection( myselect, 1 );
		reset_selection( mycategory, 1 );
		myanchor.src = 'xterramalaysia/image/b-next.png';
		myanchor.onclick = new Function('set_display( 0 )');
		disable_option();
	}else{
		reset_selection( myselect, 0 );
		reset_selection( mycategory, 0 );
		myanchor.src = 'xterramalaysia/image/b-back.png';
		myanchor.onclick = new Function('set_display( 1 )');
	}
}

function reset_button(){
	
}

function toggleBox(szDivID, iState){ // 1 visible, 0 hidden
	var object = document.layers ? document.layers[szDivID] : document.getElementById ?  document.getElementById(szDivID).style : document.all[szDivID].style;
	object.display = document.layers ? (iState ? "show" : "hide") : (iState ? "block" : "none");
}