/** menuj jQuery plugin 
 *	@version 0.8
 *	@author derki
 */
jQuery.fn.extend({
	menuj: function(data) {
		var e = this;
		var canvas = e.find('div#menuj_canvas');
		var $item = jQuery('<div class="menuj_tab"><div class="menuj_thumb"></div></div>');
		var $link = jQuery('<div class="menuj_list"><h4></h4><ul></ul></div>');
		var $li = jQuery('<li><a href="#"></a></li>');
		
		jQuery.each(data.categories, function(index,category) {
			var $nitem = $item.clone();
			$nitem.hover(function() {
				var t = this;
				this.to = setTimeout(function() {
					jQuery(t).find('div.menuj_list').stop(true,true);
					jQuery(t).addClass('hovering').find('div.menuj_list').slideDown(200);
					}, 1000);
			},function() {
				if(this.to)
				clearTimeout(this.to);
				jQuery(this).find('div.menuj_list').stop(true,true);
				jQuery(this).removeClass('hovering').find('div.menuj_list').slideUp(200);
			});
			$nitem.find('div.menuj_thumb').css('backgroundImage','url('+category.picture+')');
			$nitem.append(category.name);
			var $nlink = $link.clone();
			$nlink.find('h4').html(category.links_heading);
			$nitem.append($nlink);
			jQuery.each(category.links, function(index,link) {
				$nli = $li.clone();
				$nli.find('a').attr('href',link.href).html(link.name);
				$nlink.find('ul').append($nli);
			});
			
			canvas.append($nitem);
		});
	}
});