// JavaScript Document
function FU_IE()
{
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	if ((browser=="Microsoft Internet Explorer") && (version>=4))
	{
	alert("For more convenient navigation, please use Mozilla Firefox by using Internet Explorer or Netscape some features may not work properly in this site.");
	}
}
// end browser detect
function show (layer)
{
	var s = document.getElementById(layer).id;
	document.getElementById(s).style.visibility = 'visible';
}
//
function hide (element)
{
	var h = document.getElementById(element).id;
	document.getElementById(h).style.visibility = 'hidden';
}

// progress bar
function textCounter(field,counter,maxlimit,linecounter) {
	// text width//
	var fieldWidth =  parseInt(field.offsetWidth);
	var charcnt = field.value.length;        

	// trim the extra text
	if (charcnt > maxlimit) { 
		field.value = field.value.substring(0, maxlimit);
	}

	else { 
	// progress bar percentage
	var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ;
	document.getElementById(counter).style.width =  parseInt((fieldWidth*percentage)/100)+"px";
	document.getElementById(counter).innerHTML=percentage+"% of Maximum Characters"
	// color correction on style from CCFFF -> CC0000
	setcolor(document.getElementById(counter),percentage,"background-color");
	}
}

function setcolor(obj,percentage,prop){
	obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)";
}
// end progress bar
// image opacity
var baseopacity=50

function slowhigh(which2){
	imgobj=which2
	browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
	instantset(baseopacity)
	highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
	cleartimer()
	instantset(baseopacity)
}

function instantset(degree){
	if (browserdetect=="mozilla")
	imgobj.style.MozOpacity=degree/100
	else if (browserdetect=="ie")
	imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
	if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
	if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
	cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
	else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
	cur2.filters.alpha.opacity+=10
	else if (window.highlighting)
	clearInterval(highlighting)
}
// end image opacity
// change iframe contents
function change_source(val)
{
      parent.document.getElementsByName('content')[0].src=val;
}

// other functions
function register_children()
{
	var arr_size = document.getElementById('count').value;
	var ch = 'child';
	var child_birthday = 'child_bday';
	var age = 'age';
	var division = 'save_me';
	var i = 0;
	var ctr = 0;
	var ch_id = new Array();
	var bd_id = new Array();
	var age_id = new Array();
	var div_id = new Array();
	
	while ( i < arr_size  )
	{
		var child_id = document.getElementById(ch+i).value;
		ch_id[i] = child_id;
		var bday_id = document.getElementById(child_birthday+i).value;
		bd_id[i] = bday_id;
		var taon = document.getElementById(age+i).value;
		age_id[i] = taon;
		var division_id = document.getElementById(division+i).id;
		div_id[i] = division_id;
		i++;
	}
	for ( var c = 0; c < arr_size; c++ )
	{
		register(ch_id[c], bd_id[c], age_id[c], div_id[c]);
	}
}

function register(child, bday, age, layer)
{
		var xhr = false;
		try{
			xhr = new XMLHttpRequest();
		} catch(E){
		 	try{
				xhr = new ActiveXObject('Msxml2.XMLHTTP')
			}
			catch(e){
				try{
					xhr = new ActiveXObject('Microsoft.XMLHTTP');
				} catch (F){
					xhr = false;
				}
			}
		}
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState != 4)
			{
				var content = xhr.responseText;	
				document.getElementById(layer).innerHTML = 'Registering...';
			}
			if(xhr.readyState == 4){
				if(xhr.status == 200){
					var content = xhr.responseText;	
					document.getElementById(layer).innerHTML = content;		
				} else {
					alert("Error code: " + xhr.status);
				}
			}
		};
		var parent_id = document.getElementById('memid').value;
		xhr.open('GET', "register.php?childname="+child+"&birthday="+bday+"&gulang="+age+"&magulang="+parent_id, true);
		xhr.send(null);	
		document.getElementById('reg_c').disabled = 'true';
}

function change_security_code()
{
		var xhr = false;
		try{
			xhr = new XMLHttpRequest();
		} catch(E){
		 	try{
				xhr = new ActiveXObject('Msxml2.XMLHTTP')
			}
			catch(e){
				try{
					xhr = new ActiveXObject('Microsoft.XMLHTTP');
				} catch (F){
					xhr = false;
				}
			}
		}
		xhr.onreadystatechange = function()
		{
			if(xhr.readyState != 4)
			{
				var content = xhr.responseText;	
				document.getElementById('sec_code').value = 'Changing Code...';
			}
			if(xhr.readyState == 4){
				if(xhr.status == 200){
					var content = xhr.responseText;	
					document.getElementById('sec_code').value = content;		
				} else {
					alert("Error code: " + xhr.status);
				}
			}
		};
	
		xhr.open('GET', "change_code.php", true);
		xhr.send(null);		 

}