/*
 *  Predicitve Text
 */

var inlineStr='';
var noOfrows=0;
var selectedDeptItem="dept0";
var selectedArrItem="arr0";
var selectitemNo=0;
var previousItemno=-1;
var currentItemno=0;
var tempArray=new Array();

function searchDepartureArrival_Home(event,identifier)
{

	if((event.keyCode>=65 && event.keyCode <=90) || event.keyCode==8){		
		var size=0;
		var deptartueTxt = document.dynaFlightSearchForm.departure.value;

		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		if(identifier == 'DEPT'){// to handle the Departure text box value 
				inlineStr='';
				noOfrows=0;
				selectitemNo=0;
				previousItemno=-1;
				currentItemno=0;
				tempArray=new Array();
				if(deptartueTxt.length>=3){
					noOfrows=0;
					for(i=0;i<departureList.length;i++){
					if((departureList[i].toLowerCase()).indexOf((deptartueTxt.toLowerCase()))!=-1){				
							 inlineStr=inlineStr+'<tr><td id="dept'+noOfrows+'"  width="650px" height="5px" ><a href="#" style="color:black" onclick=selectcell_Home("'+i+'","DEPARTURE")  id="'+i+'">'+departureList[i]+'</a></td></tr>';
							 tempArray[noOfrows]=departureList[i];
							 noOfrows = noOfrows+1;
							 size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("childId").style.display="block";
					document.getElementById("classId").style.display="block";

					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
				}
				if(deptartueTxt.length<=2 ){
					inlineStr='';
					document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:650px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:98px;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						
					}
					if(noOfrows<5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute;border:1px solid #330000;overflow:auto;width:400px'>"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						
					}
					inlineStr='';
				}else{
					document.getElementById("departureDiv").innerHTML=inlineStr;				
					document.getElementById("departureDiv").style.display="none";	
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
				}
				
				if(noOfrows<4 ){
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
				}

				if(noOfrows==3 ){
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="block";
				}
				if(noOfrows>=4){
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="none";
				}
				
					
		}else{// to handle the arrival text box value 
				if(arrivalTxt.length>=3){
					inlineStr='';
					noOfrows=0;
					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					tempArray=new Array();
					for(i=0;i<arrivalList.length;i++){
					if((arrivalList[i].toLowerCase()).indexOf((arrivalTxt.toLowerCase()))!=-1){						
							 inlineStr=inlineStr+'<tr><td id="arr'+noOfrows+'"  width="650px" ><a href="#" style="color:black" onclick=selectcell_Home("'+i+'","ARRIVAL") id="'+i+'">'+arrivalList[i]+'</a></td></tr>';
 						     tempArray[noOfrows]=arrivalList[i];
							 noOfrows = noOfrows+1;
							 size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					
				}
				if(arrivalTxt.length<=2){
					inlineStr='';
					document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:600px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:98px;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						
					}
					if(noOfrows<5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						
					}
					inlineStr='';
				}else{
					document.getElementById("arrivalDiv").innerHTML=inlineStr;
					document.getElementById("arrivalDiv").style.display="none";
				}
				if(noOfrows<2 ){
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
				}
				if(noOfrows==2 ){				
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="block";
				}

				if(noOfrows>=3 ){
					
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="none";
				}
								
			}
	 }// to handle the SHIFT and TAB
	 else if(event.keyCode==9 || event.keycode==16){
		
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter_Home(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter_Home(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
		
	}
    
}

function scrollUpDown_Home(event,identifier){
//alert(event.keyCode);
 if(event.keyCode==38 || event.keyCode==40){
		
		if(noOfrows>0){

			if(identifier == 'DEPT'){
				var deptObj = 'innerDeptDiv';
				var deptName = 'dept';
			}
			else{
				var deptObj = 'innerArrDiv';
				var deptName = 'arr';

			}// to handle the Down Arrow
			if(event.keyCode==40){
				
				if(selectitemNo==0){
					previousItemno=-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+selectitemNo).style.backgroundColor="#FEDF98";
						
					
				}else if(selectitemNo==noOfrows){
					
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					
				}else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo+1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno -5) * 20);
					var scrollTopInd=scrollTop + 20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno-5) * 20);
					var scrollTopInd=scrollTop+20;
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					
				}
					if(selectitemNo < noOfrows)
						selectitemNo++;
				
			}
			// to handle the UP Arrow
			if(event.keyCode==38 ){
				
				if(selectitemNo >0)
						selectitemNo--;

				if(selectitemNo==noOfrows-1){
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";	
							
				}else if(selectitemNo==0){
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
				}
				else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				
				
				
			}
		}
	 }// to handle the Enter Key , SHIFT and TAB
	 else if(event.keyCode==13 || event.keyCode==9 || event.keycode==16){
	
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter_Home(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter_Home(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
	}
	 else if(event.keyCode==9 || event.keycode==16){
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		
		
	}
	
}

function selectcell_Home(selValue,identifier){

	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=departureList[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=arrivalList[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";

	}
}

function selectcellOnEnter_Home(selValue,identifier){

	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=tempArray[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		//document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=tempArray[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
	}
}

// Book A flight Page

function searchDepartureArrival(event,identifier)
{
//alert(event.keyCode);
	if((event.keyCode>=65 && event.keyCode <=90) || event.keyCode==8){		
		var size=0;
		var deptartueTxt = document.dynaFlightSearchForm.departure.value;

		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		if(identifier == 'DEPT'){// to handle the Departure text box value 
				inlineStr='';
				noOfrows=0;
				selectitemNo=0;
				previousItemno=-1;
				currentItemno=0;
				tempArray=new Array();
				if(deptartueTxt.length>=3){
					noOfrows=0;
					for(i=0;i<departureList.length;i++){
					if((departureList[i].toLowerCase()).indexOf((deptartueTxt.toLowerCase()))!=-1){		
							 inlineStr=inlineStr+'<tr><td id="dept'+noOfrows+'"  width="650px" height="5px" ><a href="#" style="color:black" onclick=selectcell("'+i+'","DEPARTURE")  id="'+i+'">'+departureList[i]+'</a></td></tr>';
							 tempArray[noOfrows]=departureList[i];
							 noOfrows = noOfrows+1;
						  	 size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departIdDay").visibility="visible";
					document.getElementById("arrivalIdDay").visibility="visible";
					document.getElementById("departIdMonth").visibility="visible";
					document.getElementById("arrivalIdMonth").visibility="visible";
					document.getElementById("adultId").visibility="visible";
					document.getElementById("cabinId").visibility="visible";

					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					
				}
				if(deptartueTxt.length<=2 ){
					inlineStr='';
					document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:650px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:96px;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						//document.getElementById("departureDiv").className="departure";
					}
					if(noOfrows<5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute;border:1px solid #330000;overflow:auto;width:400px'>"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						//document.getElementById("departureDiv").className="departure";
					}
					inlineStr='';
				}else{
					document.getElementById("departureDiv").innerHTML=inlineStr;				
					document.getElementById("departureDiv").style.display="none";	
					document.getElementById("departIdDay").style.visibility="visible";
					document.getElementById("arrivalIdDay").style.visibility="visible";
					document.getElementById("departIdMonth").style.visibility="visible";
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="visible";
					document.getElementById("cabinId").style.visibility="visible";
				}
				
				if(noOfrows<3 ){
					document.getElementById("departIdDay").style.visibility="visible";
					document.getElementById("departIdMonth").style.visibility="visible";
					document.getElementById("arrivalIdDay").style.visibility="visible";			
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="visible";
					document.getElementById("cabinId").style.visibility="visible";
				}

				if(noOfrows==3 ){
					document.getElementById("departIdDay").style.visibility="hidden";
					document.getElementById("departIdMonth").style.visibility="hidden";
					document.getElementById("arrivalIdDay").style.visibility="visible";				
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="hidden";
					document.getElementById("cabinId").style.visibility="visible";

				}
				if(noOfrows>=4){
					document.getElementById("departIdDay").style.visibility="hidden";
					document.getElementById("departIdMonth").style.visibility="hidden";
					document.getElementById("arrivalIdDay").style.visibility="hidden";
					document.getElementById("arrivalIdMonth").style.visibility="hidden";
					document.getElementById("adultId").style.visibility="hidden";
					document.getElementById("cabinId").style.visibility="hidden";
				}
				
					
		}else{// to handle the arrival text box value 
				if(arrivalTxt.length>=3){
					inlineStr='';
					noOfrows=0;
					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					tempArray=new Array();
					
					for(i=0;i<arrivalList.length;i++){
					if((arrivalList[i].toLowerCase()).indexOf((arrivalTxt.toLowerCase()))!=-1){						
							 inlineStr=inlineStr+'<tr><td id="arr'+noOfrows+'"  width="650px" ><a href="#" style="color:black" onclick=selectcell("'+i+'","ARRIVAL") id="'+i+'">'+arrivalList[i]+'</a></td></tr>';
 						     tempArray[noOfrows]=arrivalList[i];
							 noOfrows = noOfrows+1;
							 size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departIdDay").visibility="visible";
					document.getElementById("arrivalIdDay").visibility="visible";
					document.getElementById("departIdMonth").visibility="visible";
					document.getElementById("arrivalIdMonth").visibility="visible";
					document.getElementById("adultId").visibility="visible";
					document.getElementById("cabinId").visibility="visible";

					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					
				}
				if(arrivalTxt.length<=2){
					inlineStr='';
					document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:600px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:98px;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						//document.getElementById("arrivalDiv").className="arrival";
					}
					if(noOfrows<5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;width:400px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						//document.getElementById("arrivalDiv").className="arrival";
					}
					inlineStr='';
				}else{
					document.getElementById("arrivalDiv").innerHTML=inlineStr;
					document.getElementById("arrivalDiv").style.display="none";
					document.getElementById("departIdDay").style.visibility="visible";
					document.getElementById("arrivalIdDay").style.visibility="visible";
					document.getElementById("departIdMonth").style.visibility="visible";
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="visible";
					document.getElementById("cabinId").style.visibility="visible";
				}
				if(noOfrows<2 ){
					document.getElementById("departIdDay").style.visibility="visible";
					document.getElementById("departIdMonth").style.visibility="visible";
					document.getElementById("arrivalIdDay").style.visibility="visible";
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="visible";
					document.getElementById("cabinId").style.visibility="visible";
				}
				if(noOfrows==2 ){				
					document.getElementById("departIdDay").style.visibility="hidden";
					document.getElementById("departIdMonth").style.visibility="hidden";
					document.getElementById("arrivalIdDay").style.visibility="visible";
					document.getElementById("arrivalIdMonth").style.visibility="visible";
					document.getElementById("adultId").style.visibility="hidden";
					document.getElementById("cabinId").style.visibility="visible";
				}

				if(noOfrows>=3 ){
					
					document.getElementById("departIdDay").style.visibility="hidden";
					document.getElementById("departIdMonth").style.visibility="hidden";
					document.getElementById("arrivalIdDay").style.visibility="hidden";
					document.getElementById("arrivalIdMonth").style.visibility="hidden";
					document.getElementById("adultId").style.visibility="hidden";
					document.getElementById("cabinId").style.visibility="hidden";
				}
								
			}
	 }// to handle the UP and Down Arrow
	 else if(event.keyCode==9 || event.keycode==16){
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
	}
   
}
function scrollUpDown(event,identifier){
 if(event.keyCode==38 || event.keyCode==40){
		
		if(noOfrows>0){

			if(identifier == 'DEPT'){
				var deptObj = 'innerDeptDiv';
				var deptName = 'dept';
			}
			else{
				var deptObj = 'innerArrDiv';
				var deptName = 'arr';

			}// to handle the Down Arrow
			if(event.keyCode==40){
				
				if(selectitemNo==0){
					previousItemno=-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+selectitemNo).style.backgroundColor="#FEDF98";
						
					
				}else if(selectitemNo==noOfrows){
					
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					
					
				}else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo+1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno-5) * 20);
					var scrollTopInd=scrollTop+20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno-5) * 20);
					var scrollTopInd=scrollTop+20;
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					
				}
					if(selectitemNo < noOfrows)
						selectitemNo++;
				
			}
			// to handle the UP Arrow
			if(event.keyCode==38 ){
				
				if(selectitemNo >0)
						selectitemNo--;

				if(selectitemNo==noOfrows-1){
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";	
							
				}else if(selectitemNo==0){
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
				}
				else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				
				
				
			}
		}
	 }// to handle the Enter Key
	 else if(event.keyCode==13 || event.keyCode==9 || event.keycode==16){
	
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
	}// to handle the SHIFT , TAB
	 else if(event.keyCode==9 || event.keycode==16){
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departIdDay").style.visibility="visible";
		document.getElementById("departIdMonth").style.visibility="visible";
		document.getElementById("arrivalIdDay").style.visibility="visible";
		document.getElementById("arrivalIdMonth").style.visibility="visible";
		document.getElementById("adultId").style.visibility="visible";
		document.getElementById("cabinId").style.visibility="visible";
		document.getElementById("departureDiv").style.display = "none";
	}
	
}
function selectcell(selValue,identifier){
//alert("selValue" + selValue);
	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=departureList[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departIdDay").style.visibility="visible";
		document.getElementById("departIdMonth").style.visibility="visible";
		document.getElementById("arrivalIdDay").style.visibility="visible";
		document.getElementById("arrivalIdMonth").style.visibility="visible";
		document.getElementById("adultId").style.visibility="visible";
		document.getElementById("cabinId").style.visibility="visible";
		document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=arrivalList[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departIdDay").style.visibility="visible";
		document.getElementById("departIdMonth").style.visibility="visible";
		document.getElementById("arrivalIdDay").style.visibility="visible";
		document.getElementById("arrivalIdMonth").style.visibility="visible";
		document.getElementById("adultId").style.visibility="visible";
		document.getElementById("cabinId").style.visibility="visible";
	}
}

function selectcellOnEnter(selValue,identifier){
//alert("identifier" + identifier);
	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=tempArray[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departIdDay").style.visibility="visible";
		document.getElementById("departIdMonth").style.visibility="visible";
		document.getElementById("arrivalIdDay").style.visibility="visible";
		document.getElementById("arrivalIdMonth").style.visibility="visible";
		document.getElementById("adultId").style.visibility="visible";
		document.getElementById("cabinId").style.visibility="visible";
//		document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=tempArray[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departIdDay").style.visibility="visible";
		document.getElementById("departIdMonth").style.visibility="visible";
		document.getElementById("arrivalIdDay").style.visibility="visible";
		document.getElementById("arrivalIdMonth").style.visibility="visible";
		document.getElementById("adultId").style.visibility="visible";
		document.getElementById("cabinId").style.visibility="visible";

	}
}

// Pop-Up

function searchDepartureArrival_Popup(event,identifier)
{
 
	if((event.keyCode>=65 && event.keyCode <=90) || event.keyCode==8){		
		var size=0;
		var deptartueTxt = document.dynaFlightSearchForm.departure.value;

		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		if(identifier == 'DEPT'){// to handle the Departure text box value 
				inlineStr='';
				noOfrows=0;
				selectitemNo=0;
				previousItemno=-1;
				currentItemno=0;
				tempArray=new Array();
				if(deptartueTxt.length>=3){
					noOfrows=0;
					for(i=0;i<departureList.length;i++){
					if((departureList[i].toLowerCase()).indexOf((deptartueTxt.toLowerCase()))!=-1){				
					
							if(size==0){			
							 inlineStr=inlineStr+'<tr><td id="dept'+noOfrows+'"  width="600px" height="5px" ><a href="#" style="color:black" onclick=selectcell_Popup("'+i+'","DEPARTURE")  id="'+i+'">'+departureList[i]+'</a></td></tr>';
							 tempArray[noOfrows]=departureList[i];
							 noOfrows = noOfrows+1;
							 
							}else{			
							 inlineStr=inlineStr+'<tr><td id="dept'+noOfrows+'"  width="600px" height="5px" ><a href="#" style="color:black" onclick=selectcell_Popup("'+i+'","DEPARTURE")  id="'+i+'">'+departureList[i]+'</a></td></tr>';
							 tempArray[noOfrows]=departureList[i];
							 noOfrows = noOfrows+1;
							}	
							size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";

					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					
				}
				if(deptartueTxt.length<=2 ){
					inlineStr='';
					document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:600px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.departure.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:98px;width:320px' >"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						//document.getElementById("departureDiv").className="departure";
					}
					if(noOfrows<5){
						document.getElementById("departureDiv").innerHTML="<div id ='innerDeptDiv' style='position:absolute;border:1px solid #330000;overflow:auto;width:320px'>"+inlineStr+"</div>";				
						document.getElementById("departureDiv").style.display="inline";
						//document.getElementById("departureDiv").className="departure";
					}
					inlineStr='';
				}else{
					document.getElementById("departureDiv").innerHTML=inlineStr;				
					document.getElementById("departureDiv").style.display="none";	
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";
				}
				
				if(noOfrows<4 ){
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";
				}

				if(noOfrows==4 ){
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";
				}
				if(noOfrows>=5){
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="none";
					document.getElementById("cabinId").style.display="block";
				}
				
					
		}else{// to handle the arrival text box value 
				if(arrivalTxt.length>=3){
					inlineStr='';
					noOfrows=0;
					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					tempArray=new Array();
					for(i=0;i<arrivalList.length;i++){
					if((arrivalList[i].toLowerCase()).indexOf((arrivalTxt.toLowerCase()))!=-1){				
							if(size==0){			
							 inlineStr=inlineStr+'<tr><td id="arr'+noOfrows+'"  width="600px" ><a href="#" style="color:black" onclick=selectcell_Popup("'+i+'","ARRIVAL") id="'+i+'">'+arrivalList[i]+'</a></td></tr>';
 						     tempArray[noOfrows]=arrivalList[i];
							 noOfrows = noOfrows+1;
							}else{			
							 inlineStr=inlineStr+'<tr><td id="arr'+noOfrows+'"  width="600px"  ><a href="#" style="color:black"  onclick=selectcell_Popup("'+i+'","ARRIVAL") id="'+i+'">'+arrivalList[i]+'</a></td></tr>';
							  tempArray[noOfrows]=arrivalList[i];
							 noOfrows = noOfrows+1;
							}
							
							size++;
						}
					}
				}else{
					noOfrows=0;
					document.getElementById("departureDiv").style.display = "none";
					document.getElementById("arrivalDiv").style.display = "none";
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";

					selectitemNo=0;
					previousItemno=-1;
					currentItemno=0;
					
				}
				if(arrivalTxt.length<=2){
					inlineStr='';
					document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
				}else{
					if(inlineStr.length!=0){
						inlineStr='<table class="stats" cellspacing=1 cellpadding=1 width:600px>'+inlineStr+'</table>';
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#FFFFFF";
					}else{
						document.dynaFlightSearchForm.arrival.style.backgroundColor = "#DEAEAD";
					}

				}
				if(inlineStr.length>0 && inlineStr!=''){
					if(noOfrows>=5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;height:98px;width:320px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						//document.getElementById("arrivalDiv").className="arrival";
					}
					if(noOfrows<5){
						document.getElementById("arrivalDiv").innerHTML="<div id='innerArrDiv' style='position:absolute; border:1px solid #330000;overflow:auto;width:320px' >"+inlineStr+"</div>";				
						document.getElementById("arrivalDiv").style.display="inline";
						//document.getElementById("arrivalDiv").className="arrival";
					}
					inlineStr='';
				}else{
					document.getElementById("arrivalDiv").innerHTML=inlineStr;
					document.getElementById("arrivalDiv").style.display="none";
				}
				if(noOfrows<2 ){
					document.getElementById("departId").style.display="block";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";
				}
				if(noOfrows==2 ){				
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="block";
					document.getElementById("cabinId").style.display="block";
				}

				if(noOfrows==3 ){
					
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="none";
					document.getElementById("cabinId").style.display="block";
				}
				if(noOfrows>=4 ){
					
					document.getElementById("departId").style.display="none";
					document.getElementById("arrivalId").style.display="none";
					document.getElementById("cabinId").style.display="none";
				}
								
			}
	 }else if(event.keyCode==9 || event.keycode==16){
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter_Popup(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter_Popup(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
		}

	
    	
}

function scrollUpDown_Popup(event,identifier){
 if(event.keyCode==38 || event.keyCode==40){
		
		if(noOfrows>0){

			if(identifier == 'DEPT'){
				var deptObj = 'innerDeptDiv';
				var deptName = 'dept';
			}
			else{
				var deptObj = 'innerArrDiv';
				var deptName = 'arr';

			}// to handle the Down Arrow
			if(event.keyCode==40){
				
				if(selectitemNo==0){
					previousItemno=-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+selectitemNo).style.backgroundColor="#FEDF98";
					//selectitemNo++;			
					
				}else if(selectitemNo==noOfrows){
					
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					//previousItemno=-1;
					//currentItemno=0;

					
				}else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo+1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno-5) * 20);
					var scrollTopInd=scrollTop + 20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno-5) * 20);
					var scrollTopInd=scrollTop+20;
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					
				}
					if(selectitemNo < noOfrows)
						selectitemNo++;
				
			}
			// to handle the UP Arrow
			if(event.keyCode==38 ){
				
				if(selectitemNo >0)
						selectitemNo--;

				if(selectitemNo==noOfrows-1){
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";	
							
				}else if(selectitemNo==0){
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptObj).scrollTop=scrollTopInd;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
				}
				else if(selectitemNo==currentItemno){
					
					
					previousItemno=currentItemno;
					selectitemNo=selectitemNo-1;
					currentItemno=selectitemNo;
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				else{
					var scrollTop=parseInt((this.currentItemno) * 18);
					var scrollTopInd=scrollTop - 20;
					
					previousItemno=currentItemno;
					currentItemno=selectitemNo;
					document.getElementById(deptName+previousItemno).style.backgroundColor="#FFFFFF";
					document.getElementById(deptName+currentItemno).style.backgroundColor="#FEDF98";
					document.getElementById(deptObj).scrollTop=scrollTopInd;
				}
				
				
				
			}
		}
	 }// to handle the Enter Key
	 else if(event.keyCode==13 || event.keyCode==9 || event.keycode==16){
	
		if(noOfrows>0){
			if(identifier == 'DEPT'){
			selectcellOnEnter_Popup(currentItemno,"DEPARTURE");
			}
			else{
			selectcellOnEnter_Popup(currentItemno,"ARRIVAL");
			}
			noOfrows=0;
			selectitemNo=0;
			previousItemno=-1;
			currentItemno=0;
			
		}
	}// to handle the SHIFT , TAB
	else if(event.keyCode==9 || event.keycode==16){
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.getElementById("cabinId").style.display="block";
		document.getElementById("departureDiv").style.display = "none";
		
		}

	
}
function selectcell_Popup(selValue,identifier){

	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=departureList[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.getElementById("cabinId").style.display="block";
		document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=arrivalList[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.getElementById("cabinId").style.display="block";

	}
}

function selectcellOnEnter_Popup(selValue,identifier){

	if(identifier == 'DEPARTURE'){
		document.dynaFlightSearchForm.departure.value=tempArray[selValue];
		var departureTxt = document.dynaFlightSearchForm.departure.value;
		var departureAirportCode = departureTxt.substring(departureTxt.indexOf('[')+1,departureTxt.indexOf(']'));
		document.getElementById("DEPARTUREARPTCODE").value=departureAirportCode;
		document.getElementById("departureDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.getElementById("cabinId").style.display="block";
		//document.dynaFlightSearchForm.arrivalText.focus();
	}else{
		document.dynaFlightSearchForm.arrival.value=tempArray[selValue];
		var arrivalTxt = document.dynaFlightSearchForm.arrival.value;
		var arrivalAirportCode = arrivalTxt.substring(arrivalTxt.indexOf('[')+1,arrivalTxt.indexOf(']'));
		document.getElementById("DESTINATIONARPTCODE").value=arrivalAirportCode;
		document.getElementById("arrivalDiv").style.display = "none";
		document.getElementById("departId").style.display="block";
		document.getElementById("arrivalId").style.display="block";
		document.getElementById("cabinId").style.display="block";

	}
}