$(document).ready(function() {
    
    var $ddlCheeseSortWhite = $('select[id$=ddlCheeseSortWhite]');
    var $ddlSegmentsWhite = $('select[id$=ddlSegmentsWhite]');

    $ddlCheeseSortWhite.change(function() {
        var cheeseSort = $(this).val();        
        loadSegments(cheeseSort);
    });

    $ddlSegmentsWhite.change(function() {
        var cheeseSegment = $(this).val();
        $('input[id$=hdnSegmentId]').val(cheeseSegment);
    });

    function initSegments() {
        var selectedSegmentId = getRequestParameter('cheesesegmentid');
        var cheeseSort = $ddlCheeseSortWhite.val()

        loadSegments(cheeseSort, selectedSegmentId);
    }

    function loadSegments(cheeseSort, selectedSegmentId) {
        if (cheeseSort != '') {
            if (cheeseSort == 'True') {
                fillSegments('ddlSegmentsForeignWhite', selectedSegmentId);
            } 
            else {
                fillSegments('ddlSegmentsDutchWhite', selectedSegmentId);
            }
        } 
        else {
            fillSegments();
        }
    }

    function fillSegments(itemsHolderId, selectedSegmentId) {
        // get the main/visible segments dropdown
        var $dllSegments = $('select[id$=ddlSegmentsWhite]');
        $dllSegments.empty();
        
        // make a clone of it; we will later add the clone to container
        // of this dropdown
        var $ddlSegmentsClone = $dllSegments.clone(true);

        if(itemsHolderId) {
            var $itemsHolder = $('select[id$=' + itemsHolderId + ']');
            $itemsHolder.children('option').each(function() {
                $ddlSegmentsClone.append($(this).clone());
            });
        }
        else {
            // take first item from one of the two dropdowns that hold
            // segments data.
            var $firstItem = $('select[id$=ddlSegmentsDutchWhite]').find('>:first-child');
            $ddlSegmentsClone.append($firstItem.clone());
        }

        var $segmentsContainer = $('#segments-container-white');
        $segmentsContainer.empty();
        $segmentsContainer.append($ddlSegmentsClone);
        
        if(selectedSegmentId) {
            var $option = $ddlSegmentsClone.find('option[value=' + selectedSegmentId + ']');
            var idx = $ddlSegmentsClone.find('option').index($option);

            $ddlSegmentsClone.attr('selectedIndex', idx);
        }
        $ddlSegmentsClone.sSelect();
    }
});