document.writeln('<div id="global_menu"><div><a href="/">Home</a></div></div>');

var DEBUG = 0;

function _fix_array(parent, target) {
	var ret_array = [];
	if (typeof parent[target][0] == 'undefined') {
		ret_array[0] = parent[target];
	}
	else {
		ret_array = parent[target];
	}
	return ret_array;
}

var $current_menu = null;
function set_hover($parent, $child) {
  $parent.mouseover(function() {
		close_menu();
 		//$child.show();
		this.nextSibling.style.display = 'block';
	  $dummy_menu.show();
	});
}
function close_menu() {
	jQuery('.sub_menu').hide();
	$dummy_menu.hide();
}

var $dummy_menu = null;
function set_dummy() {
	$dummy_menu = jQuery('<div/>').appendTo(document.body).css({
		'position': 'absolute',
		'left'    : getOffsetLeft(jQuery('#global_menu').get(0)) - 10 + 'px',
		'top'     : getOffsetTop(jQuery('#global_menu').get(0)) - 10 + 'px',
		'z-index' : 1000,
		'display' : 'none'
	});
	if (DEBUG) {
		$dummy_menu.css({
			'background-color': '#ccc',
			'opacity': 0.5
		});
	}
	var $a = jQuery('<a/>').appendTo($dummy_menu).mouseover(function() {
		close_menu();
	});
	jQuery('<img/>').appendTo($a).attr({
		'src'   : '/SpacerTransparent.gif',
		'width' : 810,
		'height': 300,
		'border': 0
	});
}

function make_menu() {
	jQuery.get("/getcates.php?uid=27", function(xml) {
		var xotree = new XML.ObjTree();

		var json = xotree.parseDOM(xml.documentElement);

		set_dummy();

	  var cates = _fix_array(json['categories'], 'category');
		var $menu = jQuery('#global_menu').css({
			'position': 'relative',
			'z-index' : 2000
		});

		for (i = 0; i < cates.length ; i++) {
			var cate = cates[i];
			var $li = jQuery('<div/>').appendTo($menu).css({
				'position': 'relative'
			});
			var $a = jQuery('<a/>').appendTo($li).attr({
				'href': cate.url
			}).css({
				'display': 'block',
				'white-space': 'nowrap'
			}).append(cate.title);
/*
			var a = document.createElement('a');
			a.setAttribute('href', cate.url);
			a.style.display = 'block';
			a.innerHTML = cate.title;
			$li.append(a);
*/

			if (cate.categories) {
	      var subcates = _fix_array(cate.categories, 'category');
				var $ul = jQuery('<ul class="sub_menu"/>').appendTo($li).css({
					'position': 'absolute',
					'left'    : '-10px',
					'z-index' : 3000
				}).hide();

				for (j = 0; j < subcates.length ; j++) {
					var subcate = subcates[j];
					var $subli = jQuery('<li/>').appendTo($ul);
					jQuery('<a/>').appendTo($subli).attr({
						'href': subcate.url
					}).append(subcate.title);
				}
//				if (!jQuery.browser.msie || DEBUG) {
					set_hover($a, $ul);
//				}
			}
		}
	});
}

function getOffsetLeft(box) {
	var offset = 0;
	while (box != null) {
		offset += box.offsetLeft;
		box = box.offsetParent;
	}
	return(offset);
}

function getOffsetTop(box) {
	var offset = 0;
	while (box != null) {
		offset += box.offsetTop;
		box = box.offsetParent;
	}
	return(offset);
}