function commonTemplate(item) {
    return "<option value='" + item.Value + "'>" + item.Text + "</option>";
};
function commonMatch(selectedValue) {
    return this.When == selectedValue;
};

function setSelectedValueToElement(dropdownId, elementId) {
    //alert('dropdownid = ' + dropdownId.value);
    elementId.value = dropdownId.value;
}

function ForceCountryOnChange(countryClientId) {
    $('#' + countryClientId + '').change();
}

function checkChildren(roomNumber, type, type2, id) {
    if (document.getElementById(id + "ddl" + type2 + "ChildrenRoom" + roomNumber)) {
        var numChildren = document.getElementById(id + "ddl" + type2 + "ChildrenRoom" + roomNumber).value;
    }
    else {
        id = "ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control";
        var numChildren = document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_ddl" + type2 + "ChildrenRoom" + roomNumber).value;
    }
    if (numChildren == 0) {
        //ctl00_ContentPlaceHolder_ctl00_SearchControl01_PackagesControl_rowRoom1ChildAge
        document.getElementById(id + "divChildInfoRoom" + roomNumber).style.display = "none";
    }
    else
        document.getElementById(id + "divChildInfoRoom" + roomNumber).style.display = "";

    switch (numChildren) {
        case "0":
            document.getElementById(id + "room" + roomNumber + "_child1_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child2_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child3_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child1_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child2_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child3_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_cell").style.display = "none";
            break;

        case "1":
            document.getElementById(id + "room" + roomNumber + "_child1_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child3_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child1_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child3_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_cell").style.display = "none";
            break;

        case "2":
            document.getElementById(id + "room" + roomNumber + "_child1_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child1_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_cell").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child4_cell").style.display = "none";
            break;

        case "3":
            document.getElementById(id + "room" + roomNumber + "_child1_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child4_head").style.display = "none";
            document.getElementById(id + "room" + roomNumber + "_child1_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child4_cell").style.display = "none";
            break;

        case "4":
            document.getElementById(id + "room" + roomNumber + "_child1_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child4_head").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child1_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child2_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child3_cell").style.display = "";
            document.getElementById(id + "room" + roomNumber + "_child4_cell").style.display = "";
            break;
    }

    //    for(childNumber = 1; childNumber <= 4; childNumber++)
    //    {
    //        if(document.getElementById(id + "_room" + roomNumber + "_child" + childNumber + "_cell"))
    //        {
    //            document.getElementById(id + "_room" + roomNumber + "_child" + childNumber + "_cell").style.display = "none";
    //            document.getElementById(id + "_room" + roomNumber + "_child" + childNumber + "_head").style.display = "none";
    //        }
    //        else
    //        {
    //             document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child" + childNumber + "_cell").style.display = "none";
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child" + childNumber + "_head").style.display = "none";
    //        }
    //    }    
    //    document.getElementById("required" + type + roomNumber ).style.display = "none";    
    //    if(numChildren >= 1)
    //    {
    //        if(document.getElementById(id + "_room" + roomNumber + "_child1_cell"))
    //        {
    //            document.getElementById(id + "_room" + roomNumber + "_child1_cell").style.display = "";
    //            document.getElementById(id + "_room" + roomNumber + "_child1_head").style.display = "";
    //        }
    //        else
    //        {
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child1_cell").style.display = "";
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child1_head").style.display = "";   
    //        }
    //        document.getElementById("required" + type + roomNumber ).style.display = "";
    //    }
    //    if(numChildren >= 2)
    //    {
    //        if(document.getElementById(id + "_room" + roomNumber + "_child2_cell"))
    //        {
    //            document.getElementById(id + "_room" + roomNumber + "_child2_cell").style.display = "";
    //            document.getElementById(id + "_room" + roomNumber + "_child2_head").style.display = "";
    //        }
    //        else
    //        {
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child2_cell").style.display = "";
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child2_head").style.display = "";   
    //        }
    //        document.getElementById("required" + type + roomNumber ).style.display = "";
    //    }
    //    if(numChildren >= 3)
    //    {
    //        if(document.getElementById(id + "_room" + roomNumber + "_child3_cell"))
    //        {
    //            document.getElementById(id + "_room" + roomNumber + "_child3_cell").style.display = "";
    //            document.getElementById(id + "_room" + roomNumber + "_child3_head").style.display = "";
    //        }
    //        else
    //        {
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child3_cell").style.display = "";
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child3_head").style.display = "";   
    //        }
    //        document.getElementById("required" + type + roomNumber ).style.display = "";
    //    }
    //    if(numChildren >= 4)
    //    {
    //        if(document.getElementById(id + "_room" + roomNumber + "_child4_cell"))
    //        {
    //            document.getElementById(id + "_room" + roomNumber + "_child4_cell").style.display = "";
    //            document.getElementById(id + "_room" + roomNumber + "_child4_head").style.display = "";
    //        }
    //        else
    //        {
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child4_cell").style.display = "";
    //            document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_room" + roomNumber + "_child4_head").style.display = "";   
    //        }
    //        document.getElementById("required" + type + roomNumber ).style.display = "";
    //    }
}

function showRooms(type, type2, id) {

    if (document.getElementById(id + "ddlRooms") == null) {
        alert('element ' + id + 'ddlRooms not found');
    }
    
    //Get the number of rooms
    if (document.getElementById(id + "ddlRooms")) {
        var numRooms = document.getElementById(id + "ddlRooms").value;
    }
    else {
        if (document.getElementById(id + "" + type + "Control_ddlRooms")) {
            id = id + "" + type + "Control";
            var numRooms = document.getElementById(id + "ddlRooms").value;
        }
        else {
            id = "ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control";
            var numRooms = document.getElementById("ctl00_ContentPlaceHolder_ctl00_SearchControl01_Affiliate" + type + "Control_ddlRooms").value;
        }
    }
    
    
    for (childNumber = 2; childNumber <= 4; childNumber++) {
   
    }

    // show the ones we do
    checkChildren(1, type, type2, id);
    checkChildren(2, type, type2, id);
    checkChildren(3, type, type2, id);
    checkChildren(4, type, type2, id);

    

    for (childNumber = 2; childNumber <= 4; childNumber++) {
        // hide the room controls that dont need to show 
        document.getElementById(id + "tbl" + type + "adtionPaxRoom" + childNumber).style.display = 'none';       
        document.getElementById(id + "room" + childNumber).style.display = 'none';                
        
        //document.getElementById(id + "rowRoom" + childNumber + "Child1").style.display = "none";
        //document.getElementById(id + "rowRoom" + childNumber + "Child2").style.display = "none";
        //document.getElementById(id + "rowRoom" + childNumber + "Child3").style.display = "none";
        //document.getElementById(id + "rowRoom" + childNumber + "Child4").style.display = "none";

        //document.getElementById(type2 + "child" + childNumber + "section").style.display = '';
        //document.getElementById(type2 + "child" + childNumber + "section").style.display = '';
        
        if(childNumber > numRooms)
        {
             document.getElementById(id + "divChildInfoRoom" + childNumber).style.display = "none";
        }
    }

    if (numRooms >= 2) {
        document.getElementById(id + "tbl" + type + "adtionPaxRoom2").style.display = '';        
        document.getElementById(id + "room2").style.display = '';
     

        //document.getElementById(type2 + "child2section").style.display = ''
    }
    if (numRooms >= 3) {
        document.getElementById(id + "tbl" + type + "adtionPaxRoom3").style.display = ''
        document.getElementById(id + "room3").style.display = ''
       

        //document.getElementById(type2 + "child3section").style.display = ''
    }
    if (numRooms >= 4) {
        document.getElementById(id + "tbl" + type + "adtionPaxRoom4").style.display = ''
        document.getElementById(id + "room4").style.display = ''     

        // document.getElementById(type2 + "child4section").style.display = ''
    }
}