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 = jQuery('#fundDropdown');
        if (fundType.length == 0) {
            dropdownSet.attr("disabled", true);
            emptySelect(dropdownSet);
        } else {
            dropdownSet.attr("disabled", false);
            var params = "{funds.category:fundType}";
            jQuery.getJSON('funds_json.dot', {
                category: fundType
            },
            function(json) {
                loadSelect(json);
            }
            );
        }
    }

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

   var emptySelect = function(object) {
        return object.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'];
    }