Event.observe(window, 'load', init, false);

function init() {
	requestSurahNames();
	for (i=0; i<7; i++) {
		count = i+1;
		ayahSelectValues += "<option value='" + count + "'>" + count + "</option>";
	}
	var ayahSelectCombo = $("ayahSelectMin", "ayahSelectMax")
	for (j=0; j<ayahSelectCombo.length; j++) {
		ayahSelectCombo[j].innerHTML = ayahSelectValues;
	}
}

var url = 'index_JS_ajax.asp';

function requestSurahNames() {
	var pars = 'action=requestSurahNames';
	var target = 'surahSelect';
	var myAjax = new Ajax.Updater(target, url, {	method: 'get',	parameters: pars});
}
function requestAyahCount(selectedSurah) {
	var pars = 'action=requestAyahCount&selectedSurah=' + selectedSurah;
	var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: renderAyahCount});
}
function renderAyahCount(originalRequest) {
	var ayahSelectValues="";
	var ayahCount = originalRequest.responseText;

	for (i=0; i<ayahCount; i++) {
		count = i+1;
		ayahSelectValues += "<option value='" + count + "'>" + count + "</option>";
	}
	
	var ayahSelectCombo = $("ayahSelectMin", "ayahSelectMax")
	for (j=0; j<ayahSelectCombo.length; j++) {
		ayahSelectCombo[j].innerHTML = ayahSelectValues;
	}
}

function showAyahs(searchType) {
	$("ayahs").innerHTML = "<img src=loading.gif />";
	var target = 'ayahs';
	
	if (searchType == 1) {
		var selectedSurah = $("surahSelect").value;
		var ayahSelectMin = $("ayahSelectMin").value;
		var ayahSelectMax = $("ayahSelectMax").value;
	}
	else if (searchType == 2) {
		selectedSurah = $("advancedSearch").value.split (":")[0];
		ayahRange = $("advancedSearch").value.split (":")[1];
		
		var ayahSelectMin = ayahRange.split("-")[0];
		var ayahSelectMax = ayahRange.split("-")[1];

		if (ayahRange.split("-").length=1) { //this is for when max ayah is not entered
			var ayahSelectMax = ayahSelectMin;
		}
	}

	var pars = 'action=requestAyahs&selectedSurah=' + selectedSurah + '&ayahSelectMin=' + ayahSelectMin + '&ayahSelectMax=' + ayahSelectMax;
	var myAjax = new Ajax.Updater(target, url, {method: 'get',	parameters: pars});
}

/* page functions */
function showAyahNumbering() {
	var formNumberingState = document.getElementById("chkBox").checked;
	if (formNumberingState == true) {
		document.styleSheets[0].cssRules[0].style.display="inline";
	}
	else {
		document.styleSheets[0].cssRules[0].style.display="none";
	}
}
function showAyahInline () {
	var ayahState = document.getElementById("chkBox2").checked;
	if (ayahState == true) {
		document.styleSheets[0].cssRules[1].style.display="inline";
	}
	else {
		document.styleSheets[0].cssRules[1].style.display="block";
	}
}