var x;
var visibilitydomestic = "true";
var visibilityinternational = "true";
var Websiteid = "3";
var LangCode = "GB";
var CompCode = "TL";
var Channel = "online-dc"
var saID = "";
var saBRID = "";
var token = "flight";
var domainurl = "traveloline";
var cancellationurl = "/online/index_flight.aspx";


var depDate;
var retDate;
var disabledate;
var depDateDOM;
var retDateDOM;

function setdate()
{

var dt=new Date();
var dt1=dt.getDate();
var dt2=dt.getMonth()+1;
var dt3=dt.getFullYear();
var today=dt1+"-"+dt2+"-"+dt3;
return today;
}

function getCalendarResult() {
    var depDisabledday=2
    var arrDisabledday=4
    var monthname=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']
    var depDate,arrDate;
    var oday = 1000 * 60 * 60 * 24;
    var CurDate=new Date();
    var curdate_ms=CurDate.getTime();
    var depDate=new Date(curdate_ms+(depDisabledday*oday));
    var arrDate=new Date(curdate_ms+(arrDisabledday*oday));
    var curDateM=CurDate.getMonth()+1;
    var depDateM=depDate.getMonth()+1;
    var arrDateM=arrDate.getMonth()
    var sCurDateM=(curDateM.toString().length==1)?'0'+curDateM.toString():curDateM.toString();
    var sDepDateM=(depDateM.toString().length==1)?'0'+depDateM.toString():depDateM.toString();
    var sArrDateM=(depDateM.toString().length==1)?'0'+depDateM.toString():depDateM.toString();
    
    var strDepDate=depDate.getDate()+'-'+sDepDateM+'-'+depDate.getFullYear()
    var strArrDate=arrDate.getDate()+'-'+sArrDateM+'-'+arrDate.getFullYear()
    
    var disableDate=CurDate.getDate()+'-'+sCurDateM+'-'+CurDate.getFullYear()

    document.getElementById('disableddate').value=disableDate;
    document.getElementById('disabed').value=disableDate;
     
    document.getElementById('retDt').value=strDepDate;
    document.getElementById('depDt').value=strArrDate;
    document.getElementById('retDtDomestic').value=strDepDate;
    document.getElementById('depDtDomestic').value=strArrDate;
    document.getElementById("txtDepartDateInternational").value=strDepDate;
    document.getElementById("txtReturnDateInternational").value=strArrDate;
    document.getElementById("txtDepartDateDomestic").value=strDepDate;
    document.getElementById("txtReturnDateDomestic").value=strArrDate;
}

function xmlreturncal(Xmldata) {
    // debugger
    var xu = new XML();
    var xmlResult = new Ajax().GetXmlHttpObject();
    xmlResult = xu.LoadXMLString(Xmldata);

    depdate = new XML().SelectNodeValue(xmlResult, "/GetCalendar/DepartureDate");
    retdate = new XML().SelectNodeValue(xmlResult, "/GetCalendar/ArrivalDate");
    depdateDOM = new XML().SelectNodeValue(xmlResult, "/GetCalendar/DepartureDateDOM");
    retdateDOM = new XML().SelectNodeValue(xmlResult, "/GetCalendar/ArrivalDateDOM");
    disabledate = new XML().SelectNodeValue(xmlResult, "/GetCalendar/DisabedDiffDOM");
    disabeddiff = new XML().SelectNodeValue(xmlResult, "/GetCalendar/DisabedDiff");
    var date = new Date();
    var day = date.getDate();
    var mnth = date.getMonth();
    var year = date.getFullYear();
    var myday = new Date((mnth + 1) + "/" + day + "/" + year);
    myday.setDate(myday.getDate());
    var next_day = myday.getDate();
    var next_day_year = myday.getFullYear();
    var next_day_month = myday.getMonth() + 1;
    if (disabledate == "") {
        disabledate = 0;
    }
    var availabledays = getDaysPerMonth(parseFloat(next_day_month) - 1, next_day_year);
    next_day = parseFloat(next_day) + parseFloat(disabledate);
    if (next_day > availabledays) {
        var diffdays = parseFloat(next_day) - parseFloat(availabledays);
        next_day = diffdays;
        next_day_month = parseFloat(next_day_month) + 1;
    }
    var newdate = next_day + "-" + next_day_month + "-" + next_day_year;
    document.getElementById('disableddate').value = newdate;
    var newretdate = parseInt(day) + parseFloat(disabeddiff);

    // var availabledays=getDaysPerMonth(parseFloat(next_day_month)-1,next_day_year);
    // next_day=parseFloat(next_day) + parseFloat(disabledate);
    if (newretdate > availabledays) {
        var diffdays1 = parseFloat(newretdate) - parseFloat(availabledays);
        newretdate = diffdays;
        next_day_month = parseFloat(next_day_month) + 1;
    }
    else
        next_day_month = myday.getMonth() + 1;
    var newnext_day = newretdate + "-" + next_day_month + "-" + next_day_year;
    document.getElementById('disabed').value = newnext_day;
    var dpdt = depdate.split(" ");
    var rtdt = retdate.split(" ");
    var dpdtDOM = depdateDOM.split(" ");
    var rtdtDOM = retdateDOM.split(" ");
    var newdt = dpdt[0].split("/");
    var newrt = rtdt[0].split("/");
    var newdtDOM = dpdtDOM[0].split("/");
    var newrtDOM = rtdtDOM[0].split("/");
    //      if(newdt[1]<10)
    //      {
    //        newdt[1]="0" + newdt[1];
    //      }
    //      if(newdt[0]<10)
    //      {
    //        newdt[0]="0" + newdt[0];
    //      }
    //      if(newrt[1]<10)
    //      {
    //        newrt[1]="0" + newrt[1];
    //      }
    //      if(newrt[0]<10)
    //      {
    //        newrt[0]="0" + newrt[0];
    //      }
    //      if(newdtDOM[1]<10)
    //      {
    //        newdtDOM[1]="0" + newdtDOM[1];
    //      }
    //      if(newdtDOM[0]<10)
    //      {
    //        newdtDOM[0]="0" + newdtDOM[0];
    //      }
    //      if(newrtDOM[1]<10)
    //      {
    //        newrtDOM[1]="0" + newrtDOM[1];
    //      }
    //      if(newrtDOM[0]<10)
    //      {
    //        newrtDOM[0]="0" + newrtDOM[0];
    //      }

    var str = newdt[0] + "-" + newdt[1] + "-" + newdt[2];
    var str1 = newrt[0] + "-" + newrt[1] + "-" + newrt[2];
    var strDOM = newdtDOM[0] + "-" + newdtDOM[1] + "-" + newdtDOM[2];
    var str1DOM = newrtDOM[0] + "-" + newrtDOM[1] + "-" + newrtDOM[2];
    document.getElementById('retDt').value = str;
    document.getElementById('depDt').value = str1;
    document.getElementById('retDtDomestic').value = strDOM;
    document.getElementById('depDtDomestic').value = str1DOM;
    document.getElementById("txtDepartDateInternational").value = str;
    document.getElementById("txtReturnDateInternational").value = str1;
    document.getElementById("txtDepartDateDomestic").value = strDOM;
    document.getElementById("txtReturnDateDomestic").value = str1DOM;
    //alert(dpdt[0]);
}

function disableenablereturn(elID, token1) {//debugger
    var el = document.getElementById(elID);
    if (el.onclick && token1 == "disable") {
        // Disable the onclick 
        x = el.onclick;
        el._onclick = el.onclick;
        el.onclick = null;
    }
    else {
        el.onclick = x;
        x = null;
    }
}

function fndisable() {
   // debugger;
    if (document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value == "D") {
        document.getElementById("txtReturnDateDomestic").disabled = true;
        document.getElementById("txtReturnDateDomestic").style.color = "#646060";
	$('#txtReturnDateDomestic').datepick('disable');
        //document.getElementById("imgDomesticCalReturn").disabled = true;
    }
    else {
        document.getElementById("txtReturnDateInternational").disabled = true;
        document.getElementById("txtReturnDateInternational").style.color = "#646060";
	$('#txtReturnDateInternational').datepick('disable');
        //document.getElementById("imgFLRetDate").disabled = true;
    }
}


function fnenable() {//debugger
    if (document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value == "D") {
        document.getElementById("txtReturnDateDomestic").disabled = false;
	$('#txtReturnDateDomestic').datepick('enable');
        document.getElementById("txtReturnDateDomestic").style.color = "black";
        //document.getElementById("imgDomesticCalReturn").disabled = false;
    }
    else {
        document.getElementById("txtReturnDateInternational").disabled = false;
        document.getElementById("txtReturnDateInternational").style.color = "black";
	$('#txtReturnDateInternational').datepick('enable');
        //document.getElementById("imgFLRetDate").disabled = false;
    }
}

function todaysdate() {
    //debugger;
    getCalendarResult();
    //CustomMenu=CustomMenu.slice(0,1).toUpperCase() + CustomMenu.slice(1);;
    if (visibilitydomestic.toUpperCase() == "TRUE" || visibilityinternational.toUpperCase() == "TRUE") {
        if (visibilitydomestic.toUpperCase() == "TRUE" && visibilityinternational.toUpperCase() == "FALSE") {
            document.getElementById('domesticsearch').style.visibility = "visible";
            document.getElementById('internationalsearch').style.visibility = "hidden";
            document.getElementById('domes').style.visibility = "hidden";
            document.getElementById('inter').style.visibility = "hidden";
            document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value = "D";
        }
        else if (visibilitydomestic.toUpperCase() == "FALSE" && visibilityinternational.toUpperCase() == "TRUE") {
            document.getElementById('internationalsearch').style.visibility = "visible";
            document.getElementById('domesticsearch').style.visibility = "hidden";
            document.getElementById('domes').style.visibility = "hidden";
            document.getElementById('inter').style.visibility = "hidden";
            document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value = "I";
        }

    }

    var date3 = new Date();
    var month = date3.getMonth() + 1;
    var day = date3.getDate();
    var year = date3.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }

    var current = (day + "-" + month + "-" + year);
    //    document.getElementById("txtDepartDateDomestic").value=current;
    //    document.getElementById("txtDepartDateInternational").value=current;
    //    document.getElementById("txtReturnDateDomestic").value=current;
    //    document.getElementById("txtReturnDateInternational").value=current;
    document.getElementById("depDt").value = current;
}

function winOpen() {
    var sw = screen.width;
    var sh = screen.height;
    var top = screen.height / 60;
    var left = screen.width / 40;
    var airLineCode
    sw = 0.5 * sw;
    sh = 380;
    var type = document.getElementById('ctl00_contentMain_ctl00_hdnFlightMode').value;
    if (type == "")
        type = "D";

    if (type == "D") {
        airLineCode = document.getElementById('ctl00_contentMain_ctl00_txtairdom').value;

    }

    var targetPage = "http://www.traveloline.com/Online/ASPX/SelectAirline.aspx?type=" + type + "&airLineCode=" + airLineCode;
    var newWin = window.open(targetPage, "airline", "left=" + left + ", top=" + top + ", height=" + sh + ", width=" + sw + ", status=0, menubar=0, scrollbars=1, resizable=0, location=0, toolbar=0");
    if (newWin.focus)
        newWin.focus();
}




function divnewsearch() {
    document.getElementById("internationalsearch").style.visibility = "visible";
    document.getElementById("domesticsearch").style.visibility = "hidden";
    document.getElementById("hdnflg").value = "internationalsearch";
    document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value = "I";
    document.getElementById('inter').className = "ActiveTab";
    document.getElementById('domes').className = "InactiveTab";

}

function divdomesticsearch() {
    document.getElementById("internationalsearch").style.visibility = "hidden";
    document.getElementById("domesticsearch").style.visibility = "visible";
    document.getElementById("hdnflg").value = "domesticsearch";
    document.getElementById("ctl00_contentMain_ctl00_hdnFlightMode").value = "D";
    document.getElementById('inter').className = "InactiveTab";
    document.getElementById('domes').className = "ActiveTab";
}

function stopfirst() {
    if (document.getElementById("Text1").value.length == 3) {
        Suggest(contentHandler.selSpanTag);
    }
    document.getElementById('divFLDepart').style.visibility = "hidden";
    return false;
}
function ValidateDate(objFromDate, objToDate) {
//debugger;
var targetPage="";
   if(document.getElementById('hdntype').value=="AIR")
   {
    if (document.getElementById("hdnflg").value == "domesticsearch" || document.getElementById("hdnflg").value == "") {
        var dt_arr = document.getElementById("txtDepartDateDomestic").value.split('-');
        var dt_arr1 = document.getElementById("txtReturnDateDomestic").value.split('-');
        objFromDate = dt_arr[1] + '/' + dt_arr[0] + '/' + dt_arr[2];
        objToDate = dt_arr1[1] + '/' + dt_arr1[0] + '/' + dt_arr1[2];
        if ((parseInt(document.getElementById('numFLDAdultsDomestic').value) + parseInt(document.getElementById(
        'numFLDInfantsDomestic').value) + parseInt(document.getElementById('numFLDChildrenDomestic').value)) > 9) {
            alert("Total No. of passengers can't be greater than 9");
            return false;
        }
      

    }
    else {
   
        var dt_arr = objFromDate.split('-');
        objFromDate = dt_arr[1] + '/' + dt_arr[0] + '/' + dt_arr[2];

        var dt_arr1 = objToDate.split('-');
        objToDate = dt_arr1[1] + '/' + dt_arr1[0] + '/' + dt_arr1[2];

        if (document.getElementById("Text1").value == "") {
            alert("Please Select Departure City");
            return false;
        }

        if (document.getElementById("Text2").value == "") {
            alert("Please Select Arrival City");
            return false;
        }
        if (document.getElementById("Text1").value == document.getElementById("Text2").value) {
            alert("Departure City and Arrival City can't be the same");
            return false;
        }

        if ((parseInt(document.getElementById('numFLDAdults').value) + parseInt(document.getElementById('numFLDInfants').value) + parseInt(document.getElementById('numFLDChildren').value)) > 9) {
            alert("Total No. of passengers can't be greater than 9");
            return false;
        }
        //        if(document.getElementById('ddlIntAirline').value=="select")
        //        {
        //            alert("Please select the Airline");
        //            return false;
        //        }
    }

    var date1 = new Date(objFromDate);
    var date2 = new Date(objToDate);
    var date3 = new Date();

    var month = date3.getMonth() + 1;
    var day = date3.getDate();
    var year = date3.getFullYear();
    var current = (month + "/" + day + "/" + year);
    var currentdate = new Date(current);

    if (date1 == "NaN") {
        alert("Please enter Departure Date");
        return false;
    }

    if (date2 == "NaN") {
        alert("Please enter Return Date");
        return false;
    }

    if ((date1 > date2) && ((document.getElementById('RoundTripInternational').checked) && !(document.getElementById('OneWayInternational').checked)) && (document.getElementById('domes').className == "InactiveTab")) {
        alert("Departure date should be less than Return Date");
        return false;
    }
    if ((date1 > date2) && ((document.getElementById('RoundTripDomestic').checked) && !(document.getElementById('OneWayDomestic').checked)) && (document.getElementById('domes').className == "ActiveTab")) {
        alert("Departure date should be less than Return Date");
        return false;
    }
    else if (date1 < currentdate) {
        alert("Departure Date should not be less than current date");
        return false;
    }
    var type = document.getElementById('ctl00_contentMain_ctl00_hdnFlightMode').value;
    if (type == "I") {
        var dep = document.getElementById('Text1').value.split('(');
        var departureCity = dep[1].replace(')', '');
        var Arr = document.getElementById('Text2').value.split('(');
        var ArrivalCity = Arr[1].replace(')', '');
        var dt_arr = document.getElementById('txtDepartDateInternational').value.split('-');
        switch (dt_arr[1]) {
            case "01": dt_arr[1] = "JAN";
                break;
            case "02": dt_arr[1] = "FEB";
                break;
            case "03": dt_arr[1] = "MAR";
                break;
            case "04": dt_arr[1] = "APR";
                break;
            case "05": dt_arr[1] = "MAY";
                break;
            case "06": dt_arr[1] = "JUN";
                break;
            case "07": dt_arr[1] = "JUL";
                break;
            case "08": dt_arr[1] = "AUG";
                break;
            case "09": dt_arr[1] = "SEP";
                break;
            case "10": dt_arr[1] = "OCT";
                break;
            case "11": dt_arr[1] = "NOV";
                break;
            case "12": dt_arr[1] = "DEC";
                break;
        }
        var DepartureDate = dt_arr[0] + '-' + dt_arr[1] + '-' + dt_arr[2];
        var dt_arr1 = document.getElementById('txtReturnDateInternational').value.split('-');
        switch (dt_arr1[1]) {
            case "01": dt_arr1[1] = "JAN";
                break;
            case "02": dt_arr1[1] = "FEB";
                break;
            case "03": dt_arr1[1] = "MAR";
                break;
            case "04": dt_arr1[1] = "APR";
                break;
            case "05": dt_arr1[1] = "MAY";
                break;
            case "06": dt_arr1[1] = "JUN";
                break;
            case "07": dt_arr1[1] = "JUL";
                break;
            case "08": dt_arr1[1] = "AUG";
                break;
            case "09": dt_arr1[1] = "SEP";
                break;
            case "10": dt_arr1[1] = "OCT";
                break;
            case "11": dt_arr1[1] = "NOV";
                break;
            case "12": dt_arr1[1] = "DEC";
                break;
        }
        var ArrivalDate = dt_arr1[0] + '-' + dt_arr1[1] + '-' + dt_arr1[2];
        var Adults = document.getElementById('numFLDAdults').value;
        var Children = document.getElementById('numFLDChildren').value;
        var Infants = document.getElementById('numFLDInfants').value;
        //alert(document.getElementById('numFLDInfantsDomestic').value);
        var classD = document.getElementById('ddlFLClass').value;
        var selAir = document.getElementById('Text2').value;
        var intairline = document.getElementById('ddlIntAirline').value;
        if (intairline == "select") {
            intairline = "";
        }
        else {
            intairline = intairline + ",";
        }
        // var depcity=document.getElementById('Text1').value.split('-');
        //var depc=depcity[1];
        // var arrcity=document.getElementById('Text2').value.split('-');
        // var arrc=arrcity[1];
        var depc = document.getElementById('Text1').value;
        var arrc = document.getElementById('Text2').value;
        var jtype;
        var Flexi;
        var Dir;
        //        if(document.getElementById('chckBoxFlexiInternational').checked)
        //        {
        //            Flexi="True";
        //        }
        //        else
         Flexi="False";
        if (document.getElementById('chkFLDirect').checked) {
            Dir = "True";
        }
        else
            Dir = "False";
        if (document.getElementById('RoundTripInternational').checked)
            jtype = "R"
        else {
            ArrivalDate = ""
            jtype = "O"
        }
        //        var Websiteid="";
        //        var LangCode="GB";
        //        var CompCode="DT";
        //        var CustomMenu="False";

        targetPage = "http://www.traveloline.com/Online/FltLanding.aspx?mode=" + type + "&jType=" + jtype + "&Dep=" + departureCity + "&Arr=" + ArrivalCity + "&DepDt=" + DepartureDate + "&RetDt=" + ArrivalDate + "&Adt=" + Adults + "&Chd=" + Children + "&Inf=" + Infants + "&Cl=" + classD + "&ArrIntCity=" + selAir + "&IntAirline=" + intairline + "&Dir=" + Dir + "&DepCity=" + depc + "&ArrCity=" + arrc + "&Flexi=" + Flexi + "&type=" + token + "&chan=" + Channel + "&saBRID=" + saBRID + "&saID=" + saID + "&WebSiteID=" + Websiteid + "&lang=" + LangCode + "&CompCode=" + CompCode + "&cancellationurl=" + cancellationurl + "&DirectFlight=" + Dir + "&RestrictedCities=True";
        //alert(targetPage);
    }
    else if (type == "D" || type == "") {
        type = "D";
        var dcity = document.getElementById('ddlFLDepartDomestic').value.split('-');
        var departureCity = dcity[0]; //document.getElementById('ddlFLDepartDomestic').value;
        var acity = document.getElementById('ddlFLArrival').value.split('-');
        var ArrivalCity = acity[0]; //document.getElementById('ddlFLArrival').value;
        var dt_arr = document.getElementById('txtDepartDateDomestic').value.split('-');
        switch (dt_arr[1]) {
            case "01": dt_arr[1] = "JAN";
                break;
            case "02": dt_arr[1] = "FEB";
                break;
            case "03": dt_arr[1] = "MAR";
                break;
            case "04": dt_arr[1] = "APR";
                break;
            case "05": dt_arr[1] = "MAY";
                break;
            case "06": dt_arr[1] = "JUN";
                break;
            case "07": dt_arr[1] = "JUL";
                break;
            case "08": dt_arr[1] = "AUG";
                break;
            case "09": dt_arr[1] = "SEP";
                break;
            case "10": dt_arr[1] = "OCT";
                break;
            case "11": dt_arr[1] = "NOV";
                break;
            case "12": dt_arr[1] = "DEC";
                break;
        }
        var DepartureDate = dt_arr[0] + '-' + dt_arr[1] + '-' + dt_arr[2];
        var dt_arr1 = document.getElementById('txtReturnDateDomestic').value.split('-');
        switch (dt_arr1[1]) {
            case "01": dt_arr1[1] = "JAN";
                break;
            case "02": dt_arr1[1] = "FEB";
                break;
            case "03": dt_arr1[1] = "MAR";
                break;
            case "04": dt_arr1[1] = "APR";
                break;
            case "05": dt_arr1[1] = "MAY";
                break;
            case "06": dt_arr1[1] = "JUN";
                break;
            case "07": dt_arr1[1] = "JUL";
                break;
            case "08": dt_arr1[1] = "AUG";
                break;
            case "09": dt_arr1[1] = "SEP";
                break;
            case "10": dt_arr1[1] = "OCT";
                break;
            case "11": dt_arr1[1] = "NOV";
                break;
            case "12": dt_arr1[1] = "DEC";
                break;
        }
        var ArrivalDate = dt_arr1[0] + '-' + dt_arr1[1] + '-' + dt_arr1[2];
        // var ArrivalDate=document.getElementById('txtReturnDateDomestic').value.replace("-"," ");
        var Adults = document.getElementById('numFLDAdultsDomestic').value;
        var Children = document.getElementById('numFLDChildrenDomestic').value;
        var Infants = document.getElementById('numFLDInfantsDomestic').value;
        var classD = document.getElementById('ddlFLClassDomestic').value;
        var intairline = document.getElementById('ctl00_contentMain_ctl00_txtairdom').value;
        var depc = dcity[1]; //document.getElementById('ddlFLDepartDomestic').value;
        var arrc = acity[1]; //document.getElementById('ddlFLArrival').value;
        var jtype;
        var Flexi;
        var Dir;
        //            if(document.getElementById('chckBoxFlexiDomestic').checked)
        //            {
        //                Flexi="True";
        //            }
        //            else
        Flexi = "False";
        if (document.getElementById('chkFLDirectDomestic').checked) {
            Dir = "True";
        }
        else
            Dir = "False";
        if (document.getElementById('RoundTripDomestic').checked)
           jtype = "R"
        else {
            ArrivalDate = ""
            jtype = "O"
        }
        if (intairline == "select") {
            intairline = "";
        }
        else {
            intairline = intairline + ",";
        }
        //var targetPage = "http://xchange-erp/Online/FltLanding.aspx?mode=" + type + "&jType=" + jtype+ "&Dep=" + departureCity + "&Arr=" + ArrivalCity + "&DepDt=" + DepartureDate +"&RetDt="+ ArrivalDate + "&Adt=" + Adults +"&Chd=" + Children + "&Inf=" + Infants + "&Cl=" + classD + "&ArrIntCity=" + selAir + "&IntAirline=" + intairline + "&Dir=" + Dir + "&DepCity=" + depc + "&ArrCity=" + arrc + "&Flexi=" + Flexi + "&type=" + token + "&chan=" + Channel + "&saBRID=" + saBRID + "&saID=" + saID +"&WebSiteID=" + Websiteid + "&lang=" + LangCode + "&CompCode=" + CompCode + "&cancellationurl=" + cancellationurl;
         targetPage = "http://www.traveloline.com/online/FltLanding.aspx?mode=" + type + "&jType=" + jtype + "&Dep=" + departureCity + "&Arr=" + ArrivalCity + "&DepDt=" + DepartureDate + "&RetDt=" + ArrivalDate + "&Adt=" + Adults + "&Chd=" + Children + "&Inf=" + Infants + "&Cl=" + classD + "&ArrIntCity=" + selAir + "&IntAirline=" + intairline + "&Dir=" + Dir + "&DepCity=" + depc + "&ArrCity=" + arrc + "&Flexi=" + Flexi + "&type=" + token + "&chan=" + Channel + "&saBRID=" + saBRID + "&saID=" + saID + "&WebSiteID=" + Websiteid + "&lang=" + LangCode + "&CompCode=" + CompCode + "&DirectFlight=" + Dir + "&cancellationurl=" + cancellationurl + "&RestrictedCities=True";

        //alert(targetPage);
    }
    }
    if(document.getElementById('hdntype').value=="HHL")
    {

        var dt_arr = objFromDate.split('-');
        objFromDate = dt_arr[1] + '-' + dt_arr[0] + '-' + dt_arr[2];

        var dt_arr1 = objToDate.split('-');
        objToDate = dt_arr1[1] + '-' + dt_arr1[0] + '-' + dt_arr1[2];

        if (document.getElementById("txtHTCity").value == "") {
            alert("Please Enter City Name");
            return false;
        }
        var regexLetter = /[a-zA-z]/;
        if (!regexLetter.test(document.getElementById("txtHTCity").value)) {
            alert("Please Enter Only Aplhabets");
            document.getElementById("txtHTCity").value = "";
            return false;
        }

        var objfrom = objFromDate.split('-');
        objFromDate = objfrom[0] + "/" + objfrom[1] + "/" + objfrom[2];
        var objto = objToDate.split('-');
        objToDate = objto[0] + "/" + objto[1] + "/" + objto[2];
        var date1 = new Date(objFromDate);
        var date2 = new Date(objToDate);
        var date3 = new Date();
        var month = date3.getMonth() + 1;
        var day = date3.getDate();
        var year = date3.getFullYear();
        var current = (month + "-" + day + "-" + year);
        var currentdate = new Date(current);

        if (date1 == "NaN") {
            alert("Please enter Departure Date");
            return false;
        }

        if (date2 == "NaN") {
            alert("Please enter Return Date");
            return false;
        }
        if (date1 > date2) {
            alert("Check-In date should be less than Check-Out Date");
            return false;
        }
        else if (date1 < currentdate) {
            alert("Check-In Date should not be less than current date");
            return false;
        }
        var HTCity = document.getElementById('txtHTCity').value;
        //var HotelName=document.getElementById('ctl00_contentMain_ctl00_txtHotelName').value;
        var HotelName = "";
        if (document.getElementById('ctl00_contentMain_ctl00_ddlHTRooms').value == null) {
            document.getElementById('ctl00_contentMain_ctl00_ddlHTRooms').value = 1;
        }
        var rooms = document.getElementById('ctl00_contentMain_ctl00_ddlHTRooms').value;
        var str = "";
        var adt = new Array();
        var chd = new Array();
        var chdage = new Array();
        var i;
        var j;
        for (i = 0; i < rooms; i++) {
            if (str != "") {
                str = str + "$";
            }
            str = str + (i + 1);
            adt[i] = document.getElementById('ctl00_contentMain_ctl00_ddlAdlRoom' + (i + 1)).value;
            str = str + "|" + adt[i];
            if (document.getElementById('ctl00_contentMain_ctl00_ddlChildRoom' + (i + 1)).value != 0) {
                chd[i] = document.getElementById('ctl00_contentMain_ctl00_ddlChildRoom' + (i + 1)).value;
                str = str + "|" + chd[i];
                for (j = 0; j < chd[i]; j++) {
                    chdage[j] = document.getElementById('ctl00_contentMain_ctl00_ddlAgeChild' + (i + 1) + "_" + (j + 1)).value;
                    str = str + "|" + chdage[j];
                }
            }
            else {
                chd[i] = 0;
                str = str + "|" + chd[i];
            }

        }

        var selecttype = document.getElementById('ctl00_contentMain_ctl00_ChkOnRequest').checked;
        if (selecttype) {
            selecttype = "on"
        }
        else
            selecttype = "off"
        var showNett = document.getElementById('ctl00_contentMain_ctl00_ChkNettFare').checked;
        if (Channel == "Online-DC") {
            showNett = "false";
        }
        var dt_arr = document.getElementById('txtDepartDateInternationalHHL').value.split('-');
        switch (dt_arr[1]) {
            case "01": dt_arr[1] = "JAN";
                break;
            case "02": dt_arr[1] = "FEB";
                break;
            case "03": dt_arr[1] = "MAR";
                break;
            case "04": dt_arr[1] = "APR";
                break;
            case "05": dt_arr[1] = "MAY";
                break;
            case "06": dt_arr[1] = "JUN";
                break;
            case "07": dt_arr[1] = "JUL";
                break;
            case "08": dt_arr[1] = "AUG";
                break;
            case "09": dt_arr[1] = "SEP";
                break;
            case "10": dt_arr[1] = "OCT";
                break;
            case "11": dt_arr[1] = "NOV";
                break;
            case "12": dt_arr[1] = "DEC";
                break;
        }
        var DepartureDate = dt_arr[0] + '-' + dt_arr[1] + '-' + dt_arr[2];
        var dt_arr1 = document.getElementById('txtReturnDateInternationalHHL').value.split('-');
        switch (dt_arr1[1]) {
            case "01": dt_arr1[1] = "JAN";
                break;
            case "02": dt_arr1[1] = "FEB";
                break;
            case "03": dt_arr1[1] = "MAR";
                break;
            case "04": dt_arr1[1] = "APR";
                break;
            case "05": dt_arr1[1] = "MAY";
                break;
            case "06": dt_arr1[1] = "JUN";
                break;
            case "07": dt_arr1[1] = "JUL";
                break;
            case "08": dt_arr1[1] = "AUG";
                break;
            case "09": dt_arr1[1] = "SEP";
                break;
            case "10": dt_arr1[1] = "OCT";
                break;
            case "11": dt_arr1[1] = "NOV";
                break;
            case "12": dt_arr1[1] = "DEC";
                break;
        }
        var ArrivalDate = dt_arr1[0] + '-' + dt_arr1[1] + '-' + dt_arr1[2];
    var Token = "hotel";
    var faresearch = "";
    var Currency = "";
    var strconsol = "";
    var decimal_preference = ".";
    var UserId = "";
    var Url = "http://www.traveloline.com";
    var cancellationurl = "/hotelsearch.html";
       targetPage="http://www.traveloline.com/Online/HotelMediator.aspx?HTCity=" + HTCity + "&HotelName=" + HotelName + "&Check-in=" + DepartureDate + "&Check-out=" + ArrivalDate + "&subagent_user_id=" + UserId + "&strconsol=" + strconsol + "&compcurr=" + Currency + "&faresearch=" + faresearch + "&Rooms=" + rooms + "&type=" + Token + "&SelectType=" + selecttype + "&showNett=" + showNett + "&str=" + str + "&chan=" + Channel + "&saBRID=" + saBRID + "&saID=" + saID + "&WebSiteID=" + Websiteid + "&lang=" + LangCode + "&CompCode="+ CompCode + "&decimal_preference=" + decimal_preference + "&cancellationurl=" + cancellationurl;
      
        
    }
    window.location.href = targetPage;
    
}


function stopnext() {
    if (document.getElementById('Text2').value.length == 3) {
        Suggest(contentHandler.selSpanTag);
    }
    document.getElementById('divFLArrival').style.visibility = "hidden";
}

var contentHandler = new TagFinder(null);
var dom = new DOM();
var xu = new XML();
var first = "true";
var noResults = "~Translate~(NoResults)";

function TagFinder(divTag) {
    var divTag;
    var txtTag;
    var selSpanTag;
    return divTag;
}
function u2dp(s) {
    ret = '';
    for (i = 0; i < s.length; i++) {
        charCode = s.charCodeAt(i);
        if ((charCode <= 127) && (charCode != 34) && (charCode != 38) &&
        (charCode != 60) && (charCode != 62))
            ret += s.charAt(i);
        else
            ret += '&#' + charCode + ';';
    }
    return ret;
}

function AjaxModifyDDL(e, strProduct) {
//debugger;
    if (contentHandler.divTag) {
        var currValue = contentHandler.txtTag.value;
        currValue = currValue.replace(/   /g, '')
        currValue = u2dp(currValue);
        var strQryXML
        if ((currValue.length >= 3) && (currValue != "undefined")) {
            if (DivKeyHandler(e) == true) {
                xmlHttp = new Ajax().GetXmlHttpObject();
                if (xmlHttp) {
                    // Commented temporarily because Mozilla debugging only works for local requests.
                    //var mainService = dom.$("ctl00_hdnSvcMain").value;
                    var mainService = "http://www.traveloline.com/online/Services/MainService.asmx";

                    if (!(mainService == "") || (mainService == "undefined")) {
                        strCompCode = dom.$("ctl00_contentMain_Modify_hndCompCode").value;
                        strLangCode = dom.$("ctl00_contentMain_Modify_hndLangCode").value;

                        strQryXML = escape("<GetCities><CompCode>" + strCompCode + "</CompCode><Prefix>" + currValue + "</Prefix><LangCode>" + strLangCode + "</LangCode><Product>" + strProduct + "</Product></GetCities>");

                        var url = mainService + "/GetCities?strInputXML=" + strQryXML;
                        //                        var url = mainService + "/GetCities?strPrefix=" + currValue;
                        xmlHttp.onreadystatechange = AjaxModifyDDLResponseHandler;
                        xmlHttp.open("GET", url, true);
                        xmlHttp.send(null);
                    }
                }
                else {
                    alert("~Translate~(Global_AjaxNotSupported)"); //Error! Your browser does not seem to support Ajax!
                }
            }
        }
        else
            ShowHideDiv(false);
    }
}

function AjaxModifyDDLResponseHandler() {
//debugger;
    var divTag = contentHandler.divTag;
    strCompCode = CompCode;
    strLangCode = LangCode;
    try {
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
            if (xmlHttp.status == 200) {

                divTag.innerHTML = "";
                if (xmlHttp.responseText == "")
                    ShowHideDiv(false);
                else {
                    var responseTxt = new Ajax().GetResponseText(xmlHttp);
                    var idx = responseTxt.lastIndexOf("+");
                    var str = responseTxt.split("+");
                    var suggest = "";
                    for (i = 0; i < str.length; i++) {
                        var thisCity = str[i];
                        if (thisCity.toLowerCase() == "no results")
                            thisCity = noResults;

                        suggest += '<p id="dynaSpan' + i + '" class="normalS" onMouseOver="SuggestOver(this)" onMouseOut="SuggestOut(this)" ';
                        suggest += 'onClick="Suggest(this)">' + thisCity + '</p>';
                    }

                    if (new BrowserSniffer().GetBrowserType() == "cr") {
                        divTag.style.overflow = "scroll";
                    }

                    divTag.innerHTML += suggest;
                    var frameHeight = str.length * 18;

                    var myFrame = dom.$("ctl00_contentMain_Modify_myFrame");
                    if (myFrame != null) {
                        myFrame.style.height = frameHeight + "px";
                        myFrame.style.visibility = "visible";
                        divTag.style.position = myFrame.style.position;
                    }

                    if (dom.$("modifyFrame") != null) {
                        dom.$("modifyFrame").style.height = frameHeight + "px";
                        dom.$("modifyFrame").style.visibility = "visible";
                    }

                    if (dom.$("modifyFrame1") != null) {
                        dom.$("modifyFrame1").style.height = frameHeight + "px";
                        dom.$("modifyFrame1").style.visibility = "visible";
                    }

                    var myFlightFrame = dom.$("myFlightFrame");
                    if (myFlightFrame != null) {
                        frameHeight = str.length * 19.2;
                        if (divTag.id == "divFLDepart") {
                            myFlightFrame.style.top = "80";
                        }
                        else if (divTag.id == "divFLArrival") {
                            myFlightFrame.style.top = "120";
                        }
                        myFlightFrame.style.height = frameHeight + "px";
                        myFlightFrame.style.visibility = "visible";
                    }
                    if (i > 0) {
                        ShowHideDiv(true);

                        // Reset spanNum and scroll to first item.
                        spanNum = -1;
                        ScrollSpan("down");
                        contentHandler.txtTag.focus();
                    }
                }
            }
            else {
                divTag.innerHTML = "~Translate~(AjaxAutoCompl_ErrOccurred)"; //"An error occurred while retrieving data.";
                ShowHideDiv(true);
            }
        }
    }
    catch (e) {
        divTag.innerHTML = "~Translate~(AjaxAutoCompl_ErrOccurred)"; //"An error occurred while retrieving data.";
        ShowHideDiv(true);
    }
}

function AjaxDDL(e, strProduct) {

    if (contentHandler.divTag) {
        var strCompCode, strLangCode
        var currValue = contentHandler.txtTag.value;
        currValue = currValue.replace(/   /g, '')
        currValue = u2dp(currValue);
        var strQryXML
        //currValue = currValue.replace(/^\s+|\s+$/g, '');
        if ((currValue.length >= 3) && (currValue != "undefined")) {
            if (DivKeyHandler(e) == true) {
                xmlHttp = new Ajax().GetXmlHttpObject();
                if (xmlHttp) {

                    // Commented temporarily because Mozilla debugging only works for local requests.
                    var mainService; //= dom.$("ctl00_hdnSvcMain").value;
                    mainService = "http://www.traveloline.com/Online/Services/MainService.asmx";
                    if (!(mainService == "") || (mainService == "undefined")) {
                        if (dom.$("ctl00_contentMain_ModifyIntFlightSearch1_hndCompCode") != null) {
                            strCompCode = dom.$("ctl00_contentMain_ModifyIntFlightSearch1_hndCompCode").value;
                            strLangCode = dom.$("ctl00_contentMain_ModifyIntFlightSearch1_hndLangCode").value;
                        }
                        else if (dom.$("ctl00_contentMain_ModifyFlightSearch1_hndCompCode") != null) {
                            strCompCode = dom.$("ctl00_contentMain_ModifyFlightSearch1_hndCompCode").value;
                            strLangCode = dom.$("ctl00_contentMain_ModifyFlightSearch1_hndLangCode").value;
                        }
                        else if (dom.$("ctl00_contentMain_ctl00_hndCompCode") != null) {
                            strCompCode = dom.$("ctl00_contentMain_ctl00_hndCompCode").value;
                            strLangCode = dom.$("ctl00_contentMain_ctl00_hndLangCode").value;
                        }
                        strCompCode = CompCode;
                        strLangCode = LangCode;
                        strQryXML = escape("<GetCities><CompCode>" + strCompCode + "</CompCode><Prefix>" + currValue + "</Prefix><LangCode>" + strLangCode + "</LangCode><Product>" + strProduct + "</Product></GetCities>");
                        var url = mainService + "/GetCities?strInputXML=" + strQryXML;
                        xmlHttp.onreadystatechange = AjaxDDLResponseHandler;
                        xmlHttp.open("GET", url, true);
                        xmlHttp.setRequestHeader("Content-Type", "text/xml; charset=ISO-8859-1");
                        xmlHttp.send(null);
                    }
                }
                else {
                    alert("~Translate~(Global_AjaxNotSupported)"); //Error! Your browser does not seem to support Ajax!
                }
            }
        }
        else
            ShowHideDiv(false);
    }
}

function AjaxDDLResponseHandler() {
//debugger;
    var divTag = contentHandler.divTag;
    try {
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
            if (xmlHttp.status == 200) {
                divTag.innerHTML = "";
                var responseTxt = new Ajax().GetResponseText(xmlHttp);
                if (responseTxt == "")
                    ShowHideDiv(false);
                else {
                    var idx = responseTxt.lastIndexOf("+");
                    var str = responseTxt.split("+");
                    var suggest = "";

                    for (i = 0; i < str.length; i++) {
                        var thisCity = str[i];
                        if (thisCity.toLowerCase() == "no results")
                            thisCity = noResults;

                        suggest += '<p id="dynaSpan' + i + '" class="normalS" onMouseOver="SuggestOver(this)" onMouseOut="SuggestOut(this)" ';
                        suggest += 'onClick="Suggest(this)">' + thisCity + '</p>';
                    }

                    if (new BrowserSniffer().GetBrowserType() == "cr") {
                        divTag.style.overflow = "scroll";
                    }

                    divTag.innerHTML += suggest;
                    var frameHeight = str.length * 18;

                    var myFrame = dom.$("myFrame");
                    if (myFrame != null) {
                        myFrame.style.height = frameHeight + "px";
                        myFrame.style.visibility = "visible";
                        if ((navigator.userAgent.indexOf("Opera") > -1) && (first == "true")) {
                            myFrame.style.top = (parseInt(myFrame.offsetTop) + 10) + "px";
                            divTag.style.top = (parseInt(divTag.offsetTop) + 10) + "px";
                            first = "false";
                        }
                        if (new BrowserSniffer().GetBrowserType() == "ie") {
                            divTag.style.height = frameHeight + "px";
                        }
                    }

                    var modifyFrame1 = dom.$("modifyFrame1")
                    if (modifyFrame1 != null) {
                        modifyFrame1.style.height = frameHeight + "px";
                        modifyFrame1.style.visibility = "visible";
                    }

                    var myFlightFrame = dom.$("myFlightFrame");
                    if (myFlightFrame != null) {
                        frameHeight = str.length * 19.2;
                        if (divTag.id == "divFLDepart") {
                            myFlightFrame.style.top = "180";
                        }
                        else if (divTag.id == "divFLArrival") {
                            myFlightFrame.style.top = "180";
                       }
                        myFlightFrame.style.height = frameHeight + "px";
                        myFlightFrame.style.visibility = "visible";
                    }
                    if ((myFlightFrame == null) && (modifyFrame1 == null) && (myFrame == null)) {
                        if ((navigator.userAgent.indexOf("Opera") > -1) && (first == "true")) {
                            //myFrame.style.top = (parseInt(myFrame.offsetTop) + 10) + "px";
                            divTag.style.top = (parseInt(divTag.offsetTop) + 10) + "px";
                            first = "false";
                        }
                    }
                    if (i > 0) {
                        ShowHideDiv(true);

                        // Reset spanNum and scroll to first item.
                        spanNum = -1;
                        ScrollSpan("down");
                        contentHandler.txtTag.focus();
                    }
                }
            }
            else {
                divTag.innerHTML = "~Translate~(AjaxAutoCompl_ErrOccurred)"; //"An error occurred while retrieving data.";
                ShowHideDiv(true);
            }
        }
    }
    catch (e) {
        divTag.innerHTML = "~Translate~(AjaxAutoCompl_ErrOccurred)"; //"An error occurred while retrieving data.";
        ShowHideDiv(true);
    }
}

function KeyHandler(e, divTag, txtTag) {
//debugger;
    divTag = document.getElementById(divTag);
    var evt = (window.event) ? event : e;
    if (!evt)
        evt = window.event;

    var keyCode = evt.keyCode;
    var ENTER = 13;
    var UP = 38;
    var DOWN = 40;
    var TAB = 9;
    var SHIFT = 16;

    contentHandler.divTag = divTag;
    contentHandler.txtTag = txtTag;
    var currValue = contentHandler.txtTag.value;
    switch (keyCode) {
        case ENTER:
            return false;
            break;
        case UP:
            return false;
            break;
        case DOWN:
            return false;
            break;
        case TAB:
            if (IsDivHidden() == true) {
                if ((currValue.length < 3) && (currValue.length > 0))
                    return false;
                else
                    return true;
            }
            else {
                Suggest(contentHandler.selSpanTag);
                ShowHideDiv(false);
                return true;
            }
            break;
        case SHIFT:
            return false;
            break;
        default:
            return true;
            break;
    }
}

function DivKeyHandler(e) {

    var evt = (window.event) ? event : e;
    if (!evt)
        evt = window.event;

    var keyCode = evt.keyCode;
    var BKSPC = 8;
    var TAB = 9;
    var ALT = 18;
    var UP = 38;
    var DOWN = 40;
    var LEFT = 37;
    var RIGHT = 39;
    var ENTER = 13;
    var SHIFT = 16;
    var ESC = 27;

    var currValue = contentHandler.txtTag.value;

    //Return value will determine if fresh request to WS is to be sent.
    // False - No request
    // True - Send request (refresh)
    switch (keyCode) {
        case BKSPC:
            return true;
            break;
        case TAB:
            ShowHideDiv(false);
            return false;
            break;
        case UP:
            ScrollSpan("up");
            return false;
            break;
        case DOWN:
            ScrollSpan("down");
            return false;
            break;
        case ENTER:
            Suggest(contentHandler.selSpanTag);
            ShowHideDiv(false);
            return false;
            break;
        case ESC:
            ShowHideDiv(false);
            return false;
            break;
        default:
            return true;
            break;
    }
}

function ShowHideDiv(show) {
    var tag = contentHandler.divTag;
    var bType = new BrowserSniffer().GetBrowserType();
    // Only Show/Hide if not already Shown/Hidden respectively.
    if (bType == "ns") // NS
    {
       if (tag.visibility == "show") {
            if (show == false) {
                tag.visibility = "hide";

                var myFrame = dom.$("myFrame");
                if (myFrame != null) {
                    myFrame.style.visibility = "hidden";
                }

                var myFlightFrame = dom.$("myFlightFrame");
                if (myFlightFrame != null) {
                    myFlightFrame.style.visibility = "hidden";
                }
                if (dom.$("modifyFrame") != null) {
                    dom.$("modifyFrame").style.visibility = "hidden";
                }
                if (dom.$("modifyFrame1") != null) {
                    dom.$("modifyFrame1").style.visibility = "hidden";
                }
            }
        }
        else {	// if tag.visibility == "hide"
            if (show == true) {
                tag.visibility = "show";

                var myFrame = dom.$("myFrame");
                if (myFrame != null) {
                    myFrame.style.visibility = "visible";
                }

                var myFlightFrame = dom.$("myFlightFrame");
                if (myFlightFrame != null) {
                    myFlightFrame.style.visibility = "visible";
                }
                if (dom.$("modifyFrame") != null) {
                    dom.$("modifyFrame").style.visibility = "visible";
                }
                if (dom.$("modifyFrame1") != null) {
                    dom.$("modifyFrame1").style.visibility = "visible";
                }
            }
        }
    }
    else {	// IE or FF
        if (tag.style.visibility == "visible") {
            if (show == false) {
                tag.style.visibility = "hidden";

                var myFrame = dom.$("myFrame");
                if (myFrame != null) {
                    myFrame.style.visibility = "hidden";
                }

                var myFlightFrame = dom.$("myFlightFrame")
                if (myFlightFrame != null) {
                    myFlightFrame.style.visibility = "hidden";
                }

                if (dom.$("modifyFrame") != null) {
                    dom.$("modifyFrame").style.visibility = "hidden";
                }
                if (dom.$("modifyFrame1") != null) {
                    dom.$("modifyFrame1").style.visibility = "hidden";
                }
            }
        }
        else {	// if tag.style.visibility == "hidden"
            if (show == true) {
                // Filters disabled upon request of Faraz.
                // tag.style.filter = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.0,wipestyle=1,motion=forward)";
                // tag.filters(0).Apply();
                // tag.filters(0).Play();
                tag.style.visibility = "visible";

                var myFrame = dom.$("myFrame");
                if (myFrame != null) {
                    myFrame.style.visibility = "visible";
                }

                var myFlightFrame = dom.$("myFlightFrame")
                if (myFlightFrame != null) {
                    myFlightFrame.style.visibility = "visible";
                }

                if (dom.$("modifyFrame") != null) {
                    dom.$("modifyFrame").style.visibility = "visible";
                }
                if (dom.$("modifyFrame1") != null) {
                    dom.$("modifyFrame1").style.visibility = "visible";
                }
            }
        }
    }
}

function IsDivHidden() {
    var divTag = contentHandler.divTag;
    if (document.layers) {
        if (divTag.visibility == "show")
            return false;
        else
            return true;
    }
    else {
        if (divTag.style.visibility == "visible")
            return false;
        else
            return true;
    }
}

function SuggestOver(tag) {
    tag.className = "highlight";
}

function SuggestOut(tag) {
    tag.className = "normalS";
}

function Suggest(tag) {
    if (tag != "undefined") {
        var value;
        var bType = new BrowserSniffer().GetBrowserType();
        if (bType == "ie")
            value = tag.innerText;
        else
            value = tag.textContent;

        var txtTag = contentHandler.txtTag;
        var divTag = contentHandler.divTag;
        txtTag.value = value;
        ShowHideDiv(false);
    }
}
var spanNum = -1;
var spanCount = 0;

function ScrollSpan(direction) {
    spanCount = contentHandler.divTag.childNodes.length
    if (direction == "down") {
        if (spanNum < spanCount - 1)
            spanNum += 1;
        else
            spanNum = 0;

        SetColor(spanNum);
    }
    else {
        if (spanNum == 0)
            spanNum = spanCount - 1;
        else
            spanNum -= 1;

        SetColor(spanNum);
    }
}

function SetColor(spanNo) {
    // Turn off highlight for all items.
    for (i = 0; i < spanCount; i++) {
        if (contentHandler.divTag.childNodes[i].className == "highlight")
            contentHandler.divTag.childNodes[i].className = "normalS";
    }
    // Turn on highlight for selected item.
    contentHandler.divTag.childNodes[spanNo].className = "highlight";
    contentHandler.selSpanTag = contentHandler.divTag.childNodes[spanNo];
}