/* 

SearchField 
written by Alen Grakalic, provided by Css Globe (cssglobe.com)
please visit http://cssglobe.com/post/1202/style-your-websites-search-field-with-jscss/ for more info
	
*/

var generalpath = '';
var AutoComplete_Box_Id = '';
var CityDropDown_ClientId = '';

var AdultRow1 = '';
var AdultRow2 = '';
var AdultRow3 = '';
var AdultRow4 = '';
var AdultRow5 = '';
var ChildRow1 = '';
var ChildRow2 = '';
var ChildRow3 = '';
var ChildRow4 = '';
var ChildRow5 = '';
var MaxAdultCount = '';
var MaxChildCount = '';
var ddlRoomsClientId = '';
var HFMaxAdultCountClientId = '';
var HFMaxChildCountClientId = '';
var HFAdult1SelClientId = '';
var HFChild1SelClientId = '';
var HFAdult2SelClientId = '';
var HFChild2SelClientId = '';
var HFAdult3SelClientId = '';
var HFChild3SelClientId = '';
var HFAdult4SelClientId = '';
var HFChild4SelClientId = '';
var HFAdult5SelClientId = '';
var HFChild5SelClientId = '';
var adultChildCount;
var RawResultPath = '';
var selectedDate = '';
var HFSelectedCityName = '';
var HFSelectedNights = '';
var HFSelectedRooms = '';
var HFSelectedDate = '';

var sDestList = '';
var suggestionText;
var agt = navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var cityList = new Array();
//var searchButtonID = 'ctl00_MasterPage_Main_CPH_CMS_DestinationGuideSearch_UC_CMS_HolidayDestinationGuide_DG_Div1_submit'

//this.searchfield = function() {
//    // CONFIG 
//    // this is id of the search field you want to add this script to.
//    // You can use your own id just make sure that it matches the search field in your html file.
//    //"ctl00_ctl00_CPH_MainContainer_CTL_HotelSearchControl_UC_AutoComplete_TB_AC_CitySearch"
//    //var id = "ctl00$CPH_MainContainer$CTL_HomeBody$CTL_HomeSearchControl$UC_AutoComplete$TB_AC_CitySearch";

//    var fieldselectedvalue = '';
//    if (document.getElementById(AutoComplete_Box_Id)) {
//        fieldselectedvalue = document.getElementById(AutoComplete_Box_Id).value;
//    }
//    // Text you want to set as a default value of your search field.
//    //defaultText = = "Enter City Name...";
//   
//    var defaultText;
//    if(fieldselectedvalue != '')
//    {
//        defaultText = fieldselectedvalue;
//    }
//    else
//    {
//        defaultText = "Enter City Name...";
//    }
//     

//    // set to either true or false
//    // when set to true it will generate search suggestions list for search field based on content of variable below
//    var suggestion = true;

//    // static list of suggestion options, separated by comma
//    // replace with your own
//    suggestionText = getDestinationListFromDB();

//    // END CONFIG (do not edit below this line, well unless you really, really want to change something :) )

//    // Peace,
//    // Alen

//    var field = document.getElementById(AutoComplete_Box_Id);
//    var classInactive = "sf_inactive";
//    var classActive = "sf_active";
//    var classText = "sf_text";
//    var classSuggestion = "sf_suggestion";
//    this.safari = ((parseInt(navigator.productSub) >= 20020000) && (navigator.vendor.indexOf("Apple Computer") != -1));
//    if (field && !safari) {
//        field.value = defaultText;
//        field.c = field.className;
//        field.className = field.c + " " + classInactive;
//        field.onfocus = function() {
//            this.className = this.c + " " + classActive;
//            this.value = (this.value == "" || this.value == defaultText) ? "" : this.value;
//        };
//        field.onblur = function() {
//            this.className = (this.value != "" && this.value != defaultText) ? this.c + " " + classText : this.c + " " + classInactive;
//            this.value = (this.value != "" && this.value != defaultText) ? this.value : defaultText;
//            clearList();
//        };
//        if (suggestion) {
//            var selectedIndex = 0;
//            field.setAttribute("autocomplete", "off");
//            var div = document.createElement("div");
//            var list = document.createElement("ul");
//            list.style.display = "none";
//            div.className = classSuggestion;
//            list.style.width = field.offsetWidth;
//            div.appendChild(list);
//            field.parentNode.appendChild(div);

//            field.onkeypress = function(e) {
//                var key = getKeyCode(e);

//                if (key == 13) { // enter
//                    selectList();
//                    selectedIndex = 0;
//                    return clickButton(key);

//                }
//            };

//            field.onkeyup = function(e) {
//                var key = getKeyCode(e);

//                switch (key) {
//                    case 13:
//                        var returnv = clickButton(key);
//                        return returnv;
//                        break;
//                    case 27:  // esc
//                        field.value = "";
//                        selectedIndex = 0;
//                        clearList();
//                        break;
//                    case 38: // up
//                        navList("up");
//                        break;
//                    case 40: // down
//                        navList("down");
//                        break;
//                    default:
//                        startList();
//                        break;
//                };
//            };

//            this.startList = function() {
//                var arr = getListItems(field.value);
//                if (field.value.length > 0) {
//                    createList(arr);
//                } else {
//                    clearList();
//                };
//            };

//            this.getListItems = function(value) {
//                var arr = new Array();
//                var src = suggestionText;
//                var src = src.replace(/, /g, ",");
//                var arrSrc = src.split(",");
//                for (i = 0; i < arrSrc.length; i++) {
//                    if (arrSrc[i].substring(0, value.length).toLowerCase() == value.toLowerCase()) {
//                        arr.push(arrSrc[i]);
//                    };
//                };
//                cityList = arr;
//                return arr;
//            };

//            this.createList = function(arr) {
//                resetList();
//                if (arr.length > 0) {
//                    for (i = 0; i < arr.length; i++) {
//                        li = document.createElement("li");
//                        a = document.createElement("a");
//                        a.href = "javascript:void(0);";
//                        a.i = i + 1;
//                        a.innerHTML = arr[i];
//                        li.i = i + 1;
//                        li.onmouseover = function() {
//                            navListItem(this.i);
//                        };
//                        a.onmousedown = function() {
//                            selectedIndex = this.i;
//                            selectList(this.i);
//                            return false;
//                        };
//                        li.appendChild(a);
//                        list.setAttribute("tabindex", "-1");
//                        list.appendChild(li);
//                    };
//                    list.style.display = "block";
//                } else {
//                    clearList();
//                };
//            };

//            this.resetList = function() {
//                var li = list.getElementsByTagName("li");
//                var len = li.length;
//                for (var i = 0; i < len; i++) {
//                    list.removeChild(li[0]);
//                };
//            };

//            this.navList = function(dir) {
//                selectedIndex += (dir == "down") ? 1 : -1;
//                li = list.getElementsByTagName("li");
//                if (selectedIndex < 1) selectedIndex = li.length;
//                if (selectedIndex > li.length) selectedIndex = 1;
//                navListItem(selectedIndex);
//            };

//            this.navListItem = function(index) {
//                selectedIndex = index;
//                li = list.getElementsByTagName("li");
//                for (var i = 0; i < li.length; i++) {
//                    li[i].className = (i == (selectedIndex - 1)) ? "selected" : "";
//                };
//            };

//            this.selectList = function() {
//                li = list.getElementsByTagName("li");
//                if (selectedIndex > 0) {
//                    if (li.length > (selectedIndex - 1)) {
//                        a = li[selectedIndex - 1].getElementsByTagName("a")[0];
//                        field.value = a.innerHTML;
//                    }
//                }
//                clearList();
//                // aniruddha start
//                var adultChildCount = getMaxAdultAndChildrenCount(field.value); //new
//                if (adultChildCount) {
//                    var adultChildCount = adultChildCount.replace(/, /g, ",");
//                    var arrSrc1 = adultChildCount.split(",");

//                    MaxAdultCount = Math.abs(arrSrc1[0]);
//                    MaxChildCount = Math.abs(arrSrc1[1]);

//                    if (document.getElementById(HFMaxAdultCountClientId)) {
//                        document.getElementById(HFMaxAdultCountClientId).value = arrSrc1[0];
//                    }
//                    if (document.getElementById(HFMaxChildCountClientId)) {
//                        document.getElementById(HFMaxChildCountClientId).value = arrSrc1[1];
//                    }

//                    PopulateAdultChildDropdowns();
//                }

//                // aniruddha end
//            };
//        };
//    };

//    this.clearList = function() {
//        if (list) {
//            list.style.display = "none";
//            selectedIndex = 0;
//        };
//    };
//    this.getKeyCode = function(e) {
//        var code;
//        if (!e) var e = window.event;
//        if (e.keyCode) code = e.keyCode;
//        return code;
//    };

//};

// script initiates on page load.

//this.addEvent = function(obj, type, fn) {
//    if (obj.attachEvent) {
//        obj['e' + type + fn] = fn;
//        obj[type + fn] = function() { obj['e' + type + fn](window.event); }
//        obj.attachEvent('on' + type, obj[type + fn]);
//    } else {
//        obj.addEventListener(type, fn, false);
//    };
//};

//this.addEvent = function(obj, type, fn) {
//    if (obj.addEventListener) {
//        obj.addEventListener(type, fn, false);
//    }
//    else if (obj.attachEvent) {
//        obj['e' + type + fn] = fn;
//        obj[type + fn] = function() { obj['e' + type + fn](window.event); }
//        obj.attachEvent('on' + type, obj[type + fn]);
//    } else {
//        obj.addEventListener(type, fn, false);
//    };
//};

//addEvent(window, "load", searchfield);

//function getDestinationListFromDB() {
//    var xmlHttp;
//    try {
//        // Firefox, Opera 8.0+, Safari
//        xmlHttp = new XMLHttpRequest();
//    }
//    catch (e) {  // Internet Explorer  
//        try {
//            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
//        }
//        catch (e) {
//            try {
//                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
//            }
//            catch (e) {
//                alert("Your browser does not support AJAX!");
//                return false;
//            }
//        }
//    }

//    xmlHttp.onreadystatechange = function() {
//        if (xmlHttp.readyState == 4) {
//            suggestionText = xmlHttp.responseText;
//        }
//    }

//    //var url = RawResultPath + "/Hotels/AutoCompleteList.aspx";
//    var url = "http://www.gingerhotels.com/Hotels/AutoCompleteList.aspx";
//    xmlHttp.open("GET", url, true);
//    xmlHttp.send(null);
//    return suggestionText;
//}

function getMaxAdultAndChildrenCount(CityName) {   
    var xmlHttp;   

    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {  // Internet Explorer  
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            adultChildCount = xmlHttp.responseText;
        }
    }

    //var url = RawResultPath + "/Hotels/HotelAdultChildCount.aspx?cityname=" + CityName;
    var url = "http://www.gingerhotels.com/Hotels/HotelAdultChildCount.aspx?cityname=" + CityName;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
    return adultChildCount;
}

function clickButton(e) {
    //    var bt = document.getElementById(searchButtonID);
    //    if (bt) {
    //        window.location.href = bt;
    //        return false;
    //    }
    return false;
}


function ValidateUserSearchInputs() {

    var fieldvalue = document.getElementById(CityDropDown_ClientId).value;

//    var arr = new Array();
//    var src = getDestinationListFromDB();
//    var src = src.replace(/, /g, ",");
//    var arrSrc = src.split(",");
//    for (i = 0; i < arrSrc.length; i++) {
//        arr.push(arrSrc[i]);
//    };

//    if (fieldvalue == '' || fieldvalue == 'Enter City Name...') {
//        alert("Please select a city from the city list.");
//        document.getElementById(AutoComplete_Box_Id).focus();
//        return false;
//    }
//    if (fieldvalue != '') {
//        var match = false;
//        for (i = 0; i < arr.length; i++) {
//            if (arr[i].toLowerCase() == fieldvalue.toLowerCase()) {
//                match = true;
//                break;
//            };
//        };

//        if (match == false) {
//            alert("Please select a city name only from the auto complete city listing that appears while you type a city name in the city text box.");
//            document.getElementById(AutoComplete_Box_Id).focus();
//            return false;
//        }

    //    }

    if (fieldvalue == '::Select City::') {
        alert("Please select a city from the city dropdown list");
    return false;
    }
  // check the validity of the entered checkin date
  var date1 = new Date();
  var todayDateYear = date1.getFullYear();
  var todayDateMonth = date1.getMonth();
  todayDateMonth = todayDateMonth + 1;
  var todayDateDay = date1.getDate();    
  
  var date2 = convertStrtoDate(document.getElementById(selectedDate).value);
  var userSelectedDateYear = date2.getFullYear();
  var userSelectedDateMonth = date2.getMonth();
  userSelectedDateMonth = userSelectedDateMonth + 1;
  var userSelectedDateDay = date2.getDate();

  if (date2 < date1) {  
      if (todayDateMonth == userSelectedDateMonth) {
          if (todayDateDay == userSelectedDateDay) {
              return true;
          }
      }
    
        alert("Please select the Check In date later than or same as today!!!");
        return false;
    }

    return true;
}

function convertStrtoDate(strdate) {

    var dt1 = parseInt(strdate.substring(0, 2), 10);
    var mon1 = parseInt(strdate.substring(3, 5), 10);
    var yr1 = parseInt(strdate.substring(6, 10), 10);
    var dt = new Date(yr1, mon1 - 1, chkDigit(dt1));
    return dt;
}


function PopulateAdultChildDropdowns() {

    if (document.getElementById(ddlRoomsClientId)) {

        //Fill ddlAdult dropdown list.    
        if (document.getElementById(AdultRow1)) {
            SetAdultDropDownList(AdultRow1, MaxAdultCount);
        }

        if (document.getElementById(AdultRow2)) {
            SetAdultDropDownList(AdultRow2, MaxAdultCount);
        }

        if (document.getElementById(AdultRow3)) {
            SetAdultDropDownList(AdultRow3, MaxAdultCount);
        }

        if (document.getElementById(AdultRow4)) {
            SetAdultDropDownList(AdultRow4, MaxAdultCount);
        }

        if (document.getElementById(AdultRow5)) {
            SetAdultDropDownList(AdultRow5, MaxAdultCount);
        }

        //Fill ddlChild dropdown list.
        if (document.getElementById(ChildRow1)) {
            SetChildDropDownList(ChildRow1, MaxChildCount);
        }

        if (document.getElementById(ChildRow2)) {
            SetChildDropDownList(ChildRow2, MaxChildCount);
        }

        if (document.getElementById(ChildRow3)) {
            SetChildDropDownList(ChildRow3, MaxChildCount);
        }

        if (document.getElementById(ChildRow4)) {
            SetChildDropDownList(ChildRow4, MaxChildCount);
        }

        if (document.getElementById(ChildRow5)) {
            SetChildDropDownList(ChildRow5, MaxChildCount);
        }

        return true;
    }

    return false;
}


function SetAdultDropDownList(ID, Count) {
    document.getElementById(ID).options.length = 0;

    for (var x = 1; x <= Count; x++) {
        var optn = document.createElement("OPTION");
        optn.text = "" + x;
        optn.value = "" + x;
        document.getElementById(ID).options.add(optn);
    }
}

function SetChildDropDownList(ID, Count) {
    document.getElementById(ID).options.length = 0;

    for (var x = 0; x <= Count; x++) {
        var optn = document.createElement("OPTION");
        optn.text = "" + x;
        optn.value = "" + x;
        document.getElementById(ID).options.add(optn);
    }
}

function RetainDropDownListValues() {

    if (document.getElementById(ddlRoomsClientId)) {

        //Fill ddlAdult dropdown list.    
        if (document.getElementById(AdultRow1)) {
            document.getElementById(HFAdult1SelClientId).value = document.getElementById(AdultRow1).value;
            document.getElementById(HFChild1SelClientId).value = document.getElementById(ChildRow1).value;
        }

        if (document.getElementById(AdultRow2)) {
            document.getElementById(HFAdult2SelClientId).value = document.getElementById(AdultRow2).value;
            document.getElementById(HFChild2SelClientId).value = document.getElementById(ChildRow2).value;
        }

        if (document.getElementById(AdultRow3)) {
            document.getElementById(HFAdult3SelClientId).value = document.getElementById(AdultRow3).value;
            document.getElementById(HFChild3SelClientId).value = document.getElementById(ChildRow3).value;
        }

        if (document.getElementById(AdultRow4)) {
            document.getElementById(HFAdult4SelClientId).value = document.getElementById(AdultRow4).value;
            document.getElementById(HFChild4SelClientId).value = document.getElementById(ChildRow4).value;
        }

        if (document.getElementById(AdultRow5)) {
            document.getElementById(HFAdult5SelClientId).value = document.getElementById(AdultRow5).value;
            document.getElementById(HFChild5SelClientId).value = document.getElementById(ChildRow5).value;
        }

        return true;
    }

    return false;
}