jQuery("document").ready(function() {

    jQuery.ajaxSetup({
        "error": function(XMLHttpRequest, textStatus, errorThrown) {
            alert(textStatus);
            alert(errorThrown);
            //alert(XMLHttpRequest.responseText);
        }
    });
    jQuery("select#spfund").change(function() {
        var key = jQuery('select#spfund option:selected').val();
        //jQuery('input#childKey').val(key);
		jQuery("#fundDropdown").attr("disabled", true);
        adjustFundDropdown(key);
    });

    jQuery("select#fundDropdown").change(function() {
        var fundKey = jQuery('select#fundDropdown option:selected').val();
        getFund(fundKey);
    });
});

    function getFundList(catInode) {
        //console.log(catInode);
        ContentletAjax.searchContentlets(526297, [], [catInode], false, 1, 'modDate desc', null, null, showListResults);
    }

    function showListResults(result) {
        //console.log(result.length);
        // console.log(result[3].text2);
        var build = "<select id=\"spfundlist\" name=\"spfundlist\"> <option value=\"\">Select Fund</option>";
        //console.log(build);
        for (i = 2; i < result.length; i++) {
            build += "<option class=\"pulldown\" value=\"" + result[i].inode + "\" >" + result[i].text2 + "</option>";
        }
        build += "</select>";
        document.getElementById('fundlisting').innerHTML = build;
        console.log(build);

    }

    function adjustFundDropdown(key) {
        var fundType = key;
        var dropdownSet = $('#fundDropdown');
        if (fundType.length == 0) {
            dropdownSet.attr("disabled", true);
            dropdownSet.emptySelect();
        } else {
            dropdownSet.attr("disabled", false);
            var params = "{funds.category:fundType}";
            $.getJSON('funds_json.dot', {
                category: fundType
            },
            function(json) {
                dropdownSet.loadSelect(json);
            }
            );
        }
    }

    $.fn.emptySelect = function() {
        return this.each(function() {
            if (this.tagName == 'SELECT') this.options.length = 0;
        });
    }

    $.fn.loadSelect = function(optionsDataArray) {
        return this.emptySelect().each(function() {
            if (this.tagName == 'SELECT') {
                var selectElement = this;
                $.each(optionsDataArray,
                function(index, optionData) {
                    var option = new Option(optionData.caption,
                    optionData.value);
                    if ($.browser.msie) {
                        selectElement.add(option);
                    }
                    else {
                        selectElement.add(option, null);
                    }
                });
            }
        });
    }

    function getFund(inode) {
        ContentletAjax.getContentletData(inode, showResult);
    }

    function showResult(result) {
        document.getElementById('fact').innerHTML = "<h1>" + result[0].Title + "</h1>" + result[0]['fund Description'];
    }