$(document).ready(function() {

    //var select = '<select id="monthSelect"><option>Select A Year</option</select>';
    //$('#leftcolcontent').append(select);

    //LoadMonths(10);

//    var please = '<option selected="selected">Year</option>';
//    $('#dateSelect').prepend(please);

    $('#dateSelect').change(function() {
        var year = $(this).attr('value');

        if ($('#dateSelect').attr('year') != year) {
            $('#dateSelect').attr('year', year);

            if ($('#monthSelect').length === 0) {
                var select = '<select id="monthSelect"></select>';
                $('#leftcolcontent').append(select);

                $('#monthSelect').change(function() {
                    var month = $(this).attr('value');
                    var year = $('#dateSelect :selected').attr('value');
                    window.location = "new_releases.aspx?b=" + month.toLowerCase() + year.substring(2, 4);
                });                
            }
            LoadMonths(year);
        }
    });

   
});

LoadMonths = function(year) {
    $('#monthSelect').empty();
    var please = '<option selected="selected">Loading</option>';
    $('#monthSelect').prepend(please);
     $.getJSON("Months.aspx?year=" + year,
            function(data) {
                $('#monthSelect').empty();
                $.each(data.months, function(i, item) {
                    var option = '<option value="' + item.value + '">' + item.text + '</option>'
                    $('#monthSelect').append(option);
                });
            });
            
};