function fillCategory(){ 
 // this function is used to fill the category list on load
 var selectbox = document.getElementById('discipline');
 addOption(selectbox, '0', 'Select A Discipline');;  

addOption(selectbox, '1', 'Front Office');addOption(selectbox, '2', 'Food Production');addOption(selectbox, '3', 'Food and Beverage Service');addOption(selectbox, '4', 'House-keeping');addOption(selectbox, '5', 'HRD');addOption(selectbox, '6', 'Villa');addOption(selectbox, '7', 'Environmental');} // end of JS function

function SelectSubCat(category, subCategory){
// ON or after selection of category this function will work
var category = document.getElementById('discipline');
var subCategory = document.getElementById('occupation');
removeAllOptions(subCategory);
//addOption(subCategory, '0', 'All');

// Collect all element of subcategory for various cat_id 

if(category.value == '1'){addOption(subCategory,"Bell Person", "Bell Person");addOption(subCategory,"Concierge", "Concierge");addOption(subCategory,"Front Desk Agent", "Front Desk Agent");addOption(subCategory,"Night Auditor", "Night Auditor");addOption(subCategory,"PBX Operator", "PBX Operator");addOption(subCategory,"Reservations Agent", "Reservations Agent");addOption(subCategory,"Valet Parking Attendant", "Valet Parking Attendant");addOption(subCategory,"Bell Captain", "Bell Captain");addOption(subCategory,"Environmental Coordinator", "Environmental Coordinator");addOption(subCategory,"Front Desk Supervisor", "Front Desk Supervisor");addOption(subCategory,"Hotel Nurse", "Hotel Nurse");addOption(subCategory,"PBX Supervisor", "PBX Supervisor");addOption(subCategory,"Reservations Supervisor", "Reservations Supervisor");addOption(subCategory,"Transportation Supervisor", "Transportation Supervisor");addOption(subCategory,"Front Office Manager", "Front Office Manager");addOption(subCategory,"Rooms Division Manager", "Rooms Division Manager");subCategory.size = 5;}if(category.value == '2'){addOption(subCategory,"Bakery Cook", "Bakery Cook");addOption(subCategory,"Butcher", "Butcher");addOption(subCategory,"Cook", "Cook");addOption(subCategory,"Cook's Helper", "Cook's Helper");addOption(subCategory,"Garde Mange", "Garde Mange");addOption(subCategory,"Pastry Cook", "Pastry Cook");addOption(subCategory,"Steward", "Steward");addOption(subCategory,"Food Preparation Supervisor", "Food Preparation Supervisor");addOption(subCategory,"Chief Steward", "Chief Steward");addOption(subCategory,"Executive Chef", "Executive Chef");subCategory.size = 5;}if(category.value == '3'){addOption(subCategory,"Banquet Porter", "Banquet Porter");addOption(subCategory,"Bar Assistant", "Bar Assistant");addOption(subCategory,"Bar Tender", "Bar Tender");addOption(subCategory,"Bus Person", "Bus Person");addOption(subCategory,"Food & Beverage Cashier", "Food & Beverage Cashier");addOption(subCategory,"Host / Hostess", "Host / Hostess");addOption(subCategory,"Junior Waiter / Waitress", "Junior Waiter / Waitress");addOption(subCategory,"Room Service Bus Person", "Room Service Bus Person");addOption(subCategory,"Room Service Order Taker / Cashier", "Room Service Order Taker / Cashier");addOption(subCategory,"Room Service Server", "Room Service Server");addOption(subCategory,"Senior Waiter / Waitress", "Senior Waiter / Waitress");addOption(subCategory,"Snack Bar Attendant", "Snack Bar Attendant");addOption(subCategory,"Beverage Service Supervisor", "Beverage Service Supervisor");addOption(subCategory,"Food Service Supervisor", "Food Service Supervisor");addOption(subCategory,"Room Service Supervisor", "Room Service Supervisor");addOption(subCategory,"Food & Beverage Manager", "Food & Beverage Manager");subCategory.size = 5;}if(category.value == '4'){addOption(subCategory,"Houseman", "Houseman");addOption(subCategory,"Room Attendant", "Room Attendant");addOption(subCategory,"Housekeeping Supervisor", "Housekeeping Supervisor");addOption(subCategory,"Executive Housekeeper", "Executive Housekeeper");subCategory.size = 5;}if(category.value == '5'){addOption(subCategory,"HRD Manager", "HRD Manager");subCategory.size = 5;}if(category.value == '6'){addOption(subCategory,"Villa Manager", "Villa Manager");subCategory.size = 5;}if(category.value == '7'){addOption(subCategory,"EMS Manager", "EMS Manager");addOption(subCategory,"Energy Manager", "Energy Manager");addOption(subCategory,"Food Safety", "Food Safety");addOption(subCategory,"Other", "Other");subCategory.size = 5;}

} // end function
////////////////// 

function removeAllOptions(selectbox)
{
	var i;
	for(i=selectbox.options.length-1;i>=0;i--)
	{
		//selectbox.options.remove(i);
		selectbox.remove(i);
	}
}


function addOption(selectbox, value, text )
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;

	selectbox.options.add(optn);
}

var optionsState = [];

function rememberState(selObj) {

    var opts = selObj.options;

    // Have we already populated our state array?
    if (optionsState.length == 0) {
        // No - so do so now
        for (var loop=0; loop<opts.length; loop++) {
            optionsState[loop] = opts[loop].selected;
        }
    } else {
        // Yes - so track the last change

        // First detect what item was clicked
        var clickedIndex = -1;
        for (var loop=0; loop<opts.length; loop++) {
            if (opts[loop].selected) {
                clickedIndex = loop;
                break;
            }
        }

        // Was that item already selected? If so, unselect it, otherwise, select it
        optionsState[clickedIndex] = !optionsState[clickedIndex];

        // Now re-populate the select element
        for (var loop=0; loop<optionsState.length; loop++) {
            opts[loop].selected = optionsState[loop];
        }
    }
}