/*
Ajax AutoSuggest
===========
This file contains the functions which will do the autosuggest on client end
@version: 1.0
@author:  Waseem Khan
@blog:    http://blog.pakcoders.com
modify by : Murtada Malik adam
*/

var ajaxObj = getAjaxObject();
function autoSuggest(id, targetid, inputid, searchid, e)
{
   var keyCode = getKeyCode(e, 'keyup');
   if (keyCode == 40 || keyCode == 38)
   {
	   return false;   
   }
   var searchInput = getElemId(id).value;
   var url = "autosuggest.php";
   var params = "input=" + searchInput+"&typ="+searchid;
   if (trim(searchInput) !== "") //
   {
	 startLoading(targetid)
	  sendRequest(ajaxObj, url, params, id, targetid, inputid, searchid, e);//, handleSuggestResponse
   	  //stopLoading(targetid);
   }
   else
   {
	  
   var listWrapID = getElemId(targetid);
   listWrapID.style.visibility = "visible";
   var listID = getElemId(targetid);
   var x= "";
	if(inputid=="fac"  && searchid=="dep"){
		startLoading(targetid);
   x += "<select id=dep  name=dep   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" > اولاً اختر الكلية...</option>";      
   x += "</select>"
   }
	if(inputid=="fac"  && searchid=="cls"){
   x += "<select style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" > لا يوجد نظام فصلي...</option>";      
   x += "</select>"
	stopLoading('cl');
   }
	if(inputid=="fac"  && searchid=="cen"){
   x += "<select style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" > لا يوجد مركز...</option>";      
   x += "</select>"
	//stopLoading('cent');
   }
   
	if(inputid=="cer"){
		startLoading(targetid);
   x += "<select id=lev  name=lev   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" >اولاً اختر نوع الدراسة...</option>";      
   x += "</select>"
   }
	if(inputid=="cen"){
		startLoading(targetid);
   x += "<select id=cer  name=cer   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" >اولأ اختر المركز...</option>";      
   x += "</select>"
   }
   listID.innerHTML=x;
   //stopLoading(targetid)
	if(inputid=="fac"  && searchid=="dep")
	{
	autoSuggest(id, 'cent', 'fac','cen', e);
	//stopLoading(targetid);
	}
	if(inputid=="fac"  && searchid=="cen")
	{
    autoSuggest(id, 'cl', 'fac','cls', e);
	stopLoading(targetid);
	}
   }
}
function handleSuggestResponse(id, targetid, inputid, searchid, ee)
{
   if (ajaxObj.readyState == 4)
   {
      if (ajaxObj.status == 200)
      {
		  try
		  {
			  var XMLResponse = ajaxObj.responseXML.documentElement;
			  // work with the xml response
			  var keywordsTag = XMLResponse.getElementsByTagName('deptid');
			  var keywordsTag2 = XMLResponse.getElementsByTagName('dname');
			  
			  var suggestions = new Array();
			  var suggestions2 = new Array();
			  
			  for (var i = 0; i < keywordsTag.length; i++)
			  {
				 var keywords = keywordsTag.item(i).firstChild.data.toString();
				 var keywords2 = keywordsTag2.item(i).firstChild.data.toString();
				 suggestions.push(keywords);
				 suggestions2.push(keywords2);
			  }
			 // if (suggestions.length > 0 ||suggestions2.length > 0)
			  showSuggestions(suggestions,suggestions2, id, targetid, inputid, searchid, ee);
			 // stopLoading(targetid);

		  }
		  catch(e)
		  {
	 //startLoading(targetid);
   var listWrapID = getElemId(targetid);
   listWrapID.style.visibility = "visible";
   var listID = getElemId(targetid);
   var x= "";
	if(inputid=="fac"  && searchid=="dep"){
		startLoading(targetid);
   x += "<select id=dep  name=dep   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" > اولاً اختر الكلية...</option>";      
   x += "</select>"
   }
	if(inputid=="fac"  && searchid=="cls"){
   x += "<select   style='width: 150;' dir=rtl disabled >";
     x += "<option value=\"\" > لا يوجد نظام فصلي...</option>";      
   x += "</select>"
	stopLoading(targetid);
   }
	if(inputid=="fac"  && searchid=="cen"){
   x += "<select style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" >  لا يوجد مركز...</option>";      
   x += "</select>"
	stopLoading(targetid);
   }
	if(inputid=="cer"){
		startLoading(targetid);
   x += "<select id=lev  name=lev   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" >اولاً اختر نوع الدراسة...</option>";      
   x += "</select>"
   }
	if(inputid=="cen"){
		//startLoading(targetid);
   x += "<select id=cer  name=cer   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" >اولاً اختر المركز...</option>";      
   x += "</select>"
   }
   listID.innerHTML=x;
	//stopLoading(targetid);
	if(inputid=="fac"  && searchid=="dep")
	{
	autoSuggest(id, 'cent', 'fac','cen', e);
	//stopLoading(targetid);
	}
	if(inputid=="fac"  && searchid=="cen")
	{
    autoSuggest(id, 'cl', 'fac','cls', e);
	stopLoading(targetid);
	}

			/* if (trim(ajaxObj.responseText) !== "")
			 {
   				listID.innerHTML=x;
				alert(ajaxObj.responseText)
			// 	x="";
			}*/
			 
		  }
	  }
   }
}

function showSuggestions(suggestions,suggestions2, id, targetid, inputid, searchid, e)
{
   var listWrapID = getElemId(targetid);
   listWrapID.style.visibility = "visible";
   var listID = getElemId(targetid);
   var x= "";
   var dep="";
   	if (suggestions.length > 0 ||suggestions2.length > 0)
{
	if(inputid=="fac"  && searchid=="dep")
	{
	dep="dep";
	  if(navigator.appName=="Microsoft Internet Explorer" && navigator.appVersion.substring(22,25) <7)
     x += "<select id="+dep+"  name="+dep+" onchange=\"autoSuggest('cer', 'levl', 'cer','1', event);\"  style='width: 150;' dir=rtl >";
	 else
     x += "<select id="+dep+"  name="+dep+" style='width: 150;' dir=rtl >";
     x += "<option value=\"\" > اختر القسم...</option>";      
	}
	if(inputid=="fac" && searchid=="cls"  && suggestions.length>0)
	{
   //var r = getElemId('cr');
   //r.style.visibility = "hidden";	
	dep="cls";
     x += "<select id="+dep+"  name="+dep+"   style='width: 150;' dir=rtl >";
     x += "<option value=\"\" >اختر الفصل الدراسي...</option>";  
	 //<br><span style=\" background-color:#F0B085\">+الفصل الدراسي:
	}
	if(inputid=="fac" && searchid=="cen"  && suggestions.length>0)
	{
	dep="cen";
     x += "<select id="+dep+"  name="+dep+"   style='width: 150;' dir=rtl  >";//onchange=\"autoSuggest(this.id, 'cert', 'cen','cer', event);\"
     x += "<option value=\"\" >اختر المركز...</option>";  
	}
	if(inputid=="cer")
	{
	dep="lev";
     x += "<select id="+dep+"  name="+dep+"   style='width: 150;' dir=rtl onchange=\"autoSuggest('fac', 'cl', 'fac','cls', event);\" >";
     x += "<option value=\"\" > اختر الفرقة...</option>";      
	}
	if(inputid=="cen")
	{
	dep="cer";
     x += "<select id="+dep+"  name="+dep+"   style='width: 150;' dir=rtl onchange=\"autoSuggest(this.id, 'levl', 'cer', this.value, event);\" >";
     x += "<option value=\"\" > اختر نوع الشهادة...</option>";      
	}
   for(var i = 0; i < suggestions.length; i++)
   {
     x += "<option value=" + suggestions[i] + " >" + suggestions2[i] + "</option>";      
   }  
   x += "</select>"
   listID.innerHTML=x;
	stopLoading(targetid);
			  
	if(inputid =="fac"  && searchid =="dep")
	{
	autoSuggest(id, 'cent', 'fac','cen', e);
	stopLoading(targetid);	stopLoading(targetid);
	}
	if(inputid=="fac"  && searchid=="cen")
	{
    autoSuggest(id, 'cl', 'fac','cls', e);
	stopLoading(targetid);
	
	}
}
else
{
	  //startLoading(targetid) ;
   var listWrapID = getElemId(targetid);
   listWrapID.style.visibility = "visible";
   var listID = getElemId(targetid);
   var x= "";
	if(inputid=="fac"  && searchid=="dep"){
		startLoading(targetid);
   x += "<select id=dep  name=dep   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" > اولاً اختر الكلية...</option>";      
   x += "</select>"
   }
	if(inputid=="fac"  && searchid=="cls"){
   x += "<select   style='width: 150;' dir=rtl disabled >";
     x += "<option value=\"\" > لا يوجد نظام فصلي...</option>";      
   x += "</select>"
	stopLoading(targetid);
   }
	if(inputid=="fac"  && searchid=="cen"){
   x += "<select style='width: 150;' dir=rtl disabled>";
     x += "<option value=\"\" >  لا يوجد مركز...</option>";      
   x += "</select>"
	//stopLoading(targetid);
   }
	if(inputid=="cer"){
		startLoading(targetid);
   x += "<select id=lev  name=lev   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" >اولاً اختر نوع الدراسة...</option>";      
   x += "</select>"
   }
	if(inputid=="cen"){
		startLoading(targetid);
   x += "<select id=cer  name=cer   style='width: 150;' dir=rtl disabled>";
     x += "<option value=\" \" >اولاً اختر المركز...</option>";      
   x += "</select>"
   }
   listID.innerHTML=x;
	//stopLoading(targetid);
	if(inputid=="fac"  && searchid=="dep")
	{
	autoSuggest(id, 'cent', 'fac','cen', e);
	//stopLoading(targetid);
	}
	if(inputid=="fac"  && searchid=="cen")
	{
    autoSuggest(id, 'cl', 'fac','cls', e);
	stopLoading(targetid);
	}
}
}
// Example:
// var b = new BrowserInfo();
// alert(b.version);