var cities = document.getElementById('cities_div');
var departments = document.getElementById('departments_div');

function getSelect(selType, paramValue, destination, selectedValue)
{
	if (paramValue !='')
	{
	    document.getElementById(destination).innerHTML = GetSelectHTML(selType, paramValue, selectedValue)
    }
    else
    {
		document.getElementById(destination).innerHTML = GetDefaultSelectHTML(selType);
    }
}

function GetDefaultSelectHTML(selType)
{
    if (selType == 'cities')
        return "<select name=\"cities\" class=\"color1\" style=\"width:150px\" id=\"cities\" tabindex=\"7\" title=\"cities\" onChange=\"getSelect('departments', this.value, 'departments_div');\"><option value=\"other\">Other</option>4</select>";
    else if (selType == 'departments')
        return "<select name=\"departments\" class=\"color1\" style=\"width:200px\" id=\"departments\" title=\"departments\" tabindex=\"8\" ><option value=\"other\">Other</option>\4</select>";
}

function GetSelectHTML(selType, paramValue, selectedValue)
{
    var doc = null; 

    if (typeof window.ActiveXObject != 'undefined' ) 
    { 
       doc = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    else 
    { 
       doc = new XMLHttpRequest(); 
    }

    if (doc)
    {
        var url = "";
        if (selType == 'cities')
            url = location.href.toLowerCase().replace("signup.aspx","").replace("update.aspx","") + "controls/getcitiesbystateprovince.aspx?StateProv=" + encodeURI(paramValue) + "&SelectedCity=" + encodeURI(selectedValue)
        else if (selType == 'departments')
            url = location.href.toLowerCase().replace("signup.aspx","").replace("update.aspx","") + "controls/getdepartmentsbycity.aspx?City=" + encodeURI(paramValue) + "&SelectedDepartment=" + encodeURI(selectedValue)
        else
            return GetDefaultSelectHTML(selType);
       
        doc.open("GET", url, false);
        doc.send(null);
        
        return doc.responseText;
    }
    else
    {
        return GetDefaultSelectHTML(selType);
    }
}

function InterestOnChange(selectedValue)
{
    changeDiv('firefighters','none');
    changeDiv('firefighters2','none');
    changeDiv(selectedValue,'block');
    changeDiv(selectedValue + '2','block');
}
function StateOnChange(selectedValue)
{
    getSelect('cities', selectedValue, 'cities_div', '');
    getSelect('departments', selectedValue, 'departments_div', '');
//    changeDiv('otherState','none');
//    changeDiv(selectedValue.toLowerCase() + 'State','block');
//    changeDiv('otherCity','none');
//    changeDiv('otherDepartment','none');
}

function CityOnChange(selectedValue)
{
    getSelect('departments', selectedValue, 'departments_div', '');
//    changeDiv('otherCity','none');
//    changeDiv(selectedValue.toLowerCase() + 'City','block');
//    changeDiv('otherDepartment','none');
}

function DepartmentOnChange(selectedValue)
{
    //document.getElementById('organization').value = selectedValue;
}

function preSelect(dropdown, itemToSelect)
{
    var dropdown = document.getElementById(dropdown)
    
    for (var i=0; i<dropdown.options.length; i++)
    {
        if (dropdown.options[i].value.toLowerCase() == itemToSelect.toLowerCase())
        {
            dropdown.options[i].selected = true;
            break;
        }
    }
}

function preSelectGetIndex(dropdown, itemToSelect)
{
    var dropdown = document.getElementById(dropdown)
    var index = 0;
    
    for (var i=0; i<dropdown.options.length; i++)
    {
        if (dropdown.options[i].value.toLowerCase() == itemToSelect.toLowerCase())
        {
            dropdown.options[i].selected = true;
            index = i;
            break;
        }
    }
    
    return index;  
}

function fillTextBox(inputID, value)
{
    document.getElementById(inputID).value = value;
}

function preSelectCheckBoxes(inputID, values)
{
//    var checklist = document.getElementById(inputID)
//    var valueArray = values.split(",");

//    for (var i=0; i<checklist.length; i++)
//    { 
//        for (var j=0; j<valueArray.length; j++)
//        {
//            if (checkboxes[i].value == valueArray[j])
//            {
//                checkboxes[i].checked = true;
//                break;
//            }
//        }
//    }
}