$(document).ready(function(){
    _build_data();
});


var tree = {};

_build_data = function(){
    $.ajax({
        type: "GET", url: "/musicdata/compo/xml/genre.xml", dataType: "xml", success: function(data){
            var myVar;
            $('item',data).each( function(i){
                var _data = [];
                _data['name'] = $('name',this).text();
                _data['number'] = $('number',this).text();
                _data['link'] = $('link',this).text();
                _data['id'] = Number( $(this).attr('id') );
                if( _data['id']%100==0 ){
                    tree["cat"+$(this).attr('id')] = [ ];
                    myVar = "cat"+$(this).attr('id');
                }
                tree[myVar].push(_data);
            });
            
            var out_html = '<ul id="genreList">';
            $.each( tree, function(i){
                _this = $(this);
                (this[0].number>0) ? (out_html += '<li><a href="'+this[0].link+'">'+this[0].name+'（'+this[0].number+'）</a>') : (out_html += '<li><a href="'+this[0].link+'">'+this[0].name+'</a>') ;
                out_html += '<ul>';
                $.each( _this, function(j){
                    if(j>0){
                        (this.number>0) ? (out_html += '<li><a href="'+this.link+'">'+this.name+'（'+this.number+'）</a></li>') : (out_html += '<li><a href="'+this.link+'">'+this.name+'</a></li>') ;
                    }
                });
                out_html += '</ul>';
                out_html += '</li>';
            });
            out_html += '</ul>';
            var makeArea = $('#genreListArea');
            makeArea.append(out_html);
            $('#genreList').set_genreSearch();
        }
    });
};


$.fn.set_genreSearch = function( options ){
    if( !this.length ){ return }
    var settings = {
        debug: false
    };
    if(options){ jQuery.extend(settings, options); };
    var parent = $('#genreList>li>a');
    var childMenu = $('li>ul',this);
    childMenu.hide();
    parent.mouseover(function(){
        //$(this).attr("href","javascript:void(0)");
        if(childMenu.length >= 1){
            childMenu.hide();
            $('#genreList>li>a').removeClass('active');
        }
        $(this).addClass('active').blur();
        $('ul',$(this).parents('li')).show();
    });
};