var close = 0;
var isOpen = false;
var globalThis = "";
var globaldCon = "";
var globalSlideSpeed = "";
var globalCurrentMenu = "";

function canClose() {
	clearTimeout(close);
	globaldCon.stop().animate({ opacity: 0, height: 0 }, globalSlideSpeed, function(){ 
		$(this).css('display', 'none');
		isOpen = false;
	});
}
	
$.fn.aDropdownCats = function(options){
	var settings = $.extend({
		leftPos : 0,
		catMenuLeft: 20,
		slideSpeed : 250,
		unfoldSpeed : 400
		}, options);
	
	return this.each(function(){
		$(this).hover(function(){ $(this).css('cursor', 'pointer'); });
		$(this).attr('isdropdown', 'true');
		//alert($('#menu').position().left - $(this).position().left);
		var dCon = $('<div><\/div>')
		.addClass('menuContainer')
		.css({
			left: ($('#menu').position().left - $(this).position().left) + (19 / 2),
			opacity: 0,
			height: 0,
			zIndex: 99999,
			top: 36
			})
		.html('&nbsp;')
		.appendTo($(this));
		
		if ($.browser.msie) {
			this.style.removeAttribute('filter');
			}
		
		$(this)
		.mouseover(function(){
			// alert(globalCurrentMenu + ' : ' + settings.currentMenu);
			if($.browser.msie) {
				clearTimeout(close);
				if (globalCurrentMenu != '' && settings.currentMenu != globalCurrentMenu) {
					globalCurrentMenu = settings.currentMenu;
					//globaldCon is the last dCon loaded
					globaldCon.stop().css({ opacity: 0, height: 0, display: 'none' }, function(){});
					dCon.css('display', 'block').stop().animate({ opacity: 1, height: 266 }, settings.slideSpeed, function(){
						this.style.removeAttribute('filter');
						isOpen = true;
					});
				} else if (isOpen == false) {
					globalCurrentMenu = settings.currentMenu;
					isOpen = true;
					//alert(getProps($.browser, 'browser', 3));
					dCon.css('display', 'block').stop().animate({ opacity: 1, height: 266 }, settings.slideSpeed, function(){
						this.style.removeAttribute('filter');
					});
				}
			} else {
				dCon.css('display', 'block').stop().animate({ opacity: 1, height: 266 }, settings.slideSpeed, function(){});
			}
		})
		.mouseout(function(){
			if ($.browser.msie) {
				clearTimeout(close);
				globaldCon = dCon;
				globalSlideSpeed = settings.slideSpeed;
				this.style.removeAttribute('filter');
				close = setTimeout('canClose()', 5);
			} else {
				dCon.stop().animate({ opacity: 0, height: 0 }, settings.slideSpeed, function(){ 
					$(this).css('display', 'none'); 
					isOpen = false;
					//timeOut("this.style.removeAttribute('filter');", 5);
					//this.style.removeAttribute('filter');
				});
			}
		});
			
			
		dCon.empty();
		var catMenu = $('<ul></ul>').addClass('categoryMenu').css('marginLeft', settings.catMenuLeft).appendTo(dCon);
		for(var i in settings.items){
			var item = settings.items[i];
			
			$('<a></a>')
			.attr('href', '#')
			.html(item.title)
			.appendTo(
				$('<li></li>')
				.attr('category', item.id)
				//.html(settings.items[Number(i) + 1] ? '&nbsp;&nbsp;&nbsp;' : '')
				.appendTo(catMenu)
				.mouseover(function(){
					$(this).siblings().css({ textDecoration: 'none' });
					$(this).css({ textDecoration: 'none' });
					// $(this).css({ backgroundColor : '#FFF' });
					dCon.children('div.submenuContainer').hide();
					dCon.children('div.submenuContainer[parent=' + $(this).attr('category') + ']').show();
					})
				/* .mouseout(function(){
					$(this).css({ backgroundColor : '' });
					}) */
				);
			
			var thisdiv = $('<div></div>').addClass('submenuContainer').attr('parent', item.id).appendTo(dCon);
			$('<ul></ul').addClass('subcategoryMenu').appendTo(thisdiv);
			for(var o in item.menu.items){
				var subitem = item.menu.items[o];
				var thisitem = $('<li></li>').html('<a href="' + subitem.url + '">' + subitem.title + '</a>').appendTo(thisdiv.children('ul:last'));
				}
			thisdiv.hide();
			}
		
		dCon.children('ul.categoryMenu').children(':first').css({ textDecoration: 'underline' });
		dCon.children('div.submenuContainer:first').show();
		
		});
	
	};