
(function($){
	$.fn.cloudzmenu = function( MenuItems ){
		var activeUri = (document.location.pathname+document.location.search).substr(1);
		$("<div>", {"class": "cloudzmenu-left"}).appendTo(this);
		$("<div>", {"class": "cloudzmenu-right"}).appendTo(this);
		$container = $("<div>", {"class": "cloudzmenu-container"}).appendTo(this);
		$itemsbar = $("<div>", {"class": "cloudzmenu-items"}).appendTo($container);
		for(var i = 0; i < MenuItems.length; i++){
			var url = MenuItems[i][2];
			var active = activeUri.substr(0, url.length) == url;
			$item = $("<div>", {"class": "cloudzmenu-item"}).appendTo($itemsbar);
			$icon = $("<div>", {"class": "cloudzmenu-icon"+(active ? ' cloudzmenu-icon-active' : '')}).appendTo($item);
			$("<div>", {"class": "cloudzmenu-icon-image"}).css("background-image", "url("+MenuItems[i][1]+")").appendTo($icon);
			$("<div>", {"class": "cloudzmenu-item-left"+(active ? ' cloudzmenu-item-left-active' : ''), "id": "cloudzmenu-item-left-"+i}).appendTo($item);
			$itemcont = $("<div>", {"class": "cloudzmenu-item-container"+(active ? ' cloudzmenu-item-container-active' : ''), "id": "cloudzmenu-item-container-"+i}).appendTo($item);
			var $a = $("<a>", {href: url, link_title: MenuItems[i][0]}).html(MenuItems[i][0]).appendTo($itemcont)
			if(!active){
				$a.hover(
				  (function(id){
					return function(event){
						$("#cloudzmenu-item-left-"+id).addClass("cloudzmenu-item-left-hover");
						$("#cloudzmenu-item-container-"+id).addClass("cloudzmenu-item-container-hover");
						$("#cloudzmenu-item-right-"+id).addClass("cloudzmenu-item-right-hover");
					}
				  })(i),
				  (function(id){
					return function(event){
						$("#cloudzmenu-item-left-"+id).removeClass("cloudzmenu-item-left-hover");
						$("#cloudzmenu-item-container-"+id).removeClass("cloudzmenu-item-container-hover");
						$("#cloudzmenu-item-right-"+id).removeClass("cloudzmenu-item-right-hover");
					}
				  })(i)
				);
			}
			$("<div>", {"class": "cloudzmenu-item-right"+(active ? ' cloudzmenu-item-right-active' : ''), "id": "cloudzmenu-item-right-"+i}).appendTo($item);
		}
		$("<div>", {"class": "cloudzmenu-item-left"}).appendTo($item);
		return this;
	}
})(jQuery);

