$(document).ready(function() {

	$('.submenu').hover(function(){
		var main_element = $(this);
        $.ajax({
        	url : '/ajax_menu.php',
        	type: 'POST',
        	data: 'category=' + $(this).attr('rel'),
        	dataType: 'json',
        	success: function(data) {
        		if (data.length > 0) {
	        		var ul_element = $('<ul class="dropdown"></ul>');
	        		for (var i = 0; i < data.length; i++) {
	        			var li_element = $('<li class="submenu" rel="'+ data[i]['id'] +'"><a href="'+ data[i]['url'] +'" title="'+ data[i]['name'] +'" class="link">' + (data[i]['sub'] > 0 ? '<span> > </span>' : '') + data[i]['name'] + '</a></li>');
	        			li_element.hover(function(){ element_hover($(this)); }).appendTo(ul_element);
	        		}
	        		$(main_element).append(ul_element);
        		}
        	}
        });
    });
});

function element_hover(element)
{
	var main_element = $(element);
    $.ajax({
    	url : '/ajax_menu.php',
    	type: 'POST',
    	data: 'category=' + $(main_element).attr('rel'),
    	dataType: 'json',
    	success: function(data) {
    		if (data.length > 0) {
	    		var ul_element = $('<ul class="dropdown"></ul>');
	    		for (var i = 0; i < data.length; i++) {
	    			var li_element = $('<li class="submenu" rel="'+ data[i]['id'] +'"><a href="'+ data[i]['url'] +'" title="'+ data[i]['name'] +'" class="link">' + (data[i]['sub'] > 0 ? '<span> > </span>' : '') + data[i]['name'] + '</a></li>');
	    			li_element.hover(function(){ element_hover($(this)); }).appendTo(ul_element);
	    		}
	    		$(main_element).append(ul_element);
    		}
    	}
    });
}