var effects = {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:false, duration:500}}; //customize menu effects
var timeout_id;

$(document).ready(function(){
	$('.menuanchorclass').each(function(index,element){

		eval('var targetclass = '+$(element).attr('id'));

		//Preload Images
		$('.data-image,.data-overimage').each(function(index,element){$('<img/>')[0].src = $(element).attr('src');});

		var ul = $('<ul/>');

		for(var i=0;i<targetclass.items.length;i++)
		{
			var this_a = $('<a/>', {href: targetclass.items[i][1], target: targetclass.linktarget});
			$(this_a).append(targetclass.items[i][0]);

			var this_li = $('<li/>');
			$(this_li).append(this_a);
			$(ul).append(this_li);
		}

		var anylinkmenudiv = $('<div/>', {class: targetclass.divclass});
		$(anylinkmenudiv).append(ul);
		$($($('.menuanchorclass').parents('div')).last()).append(anylinkmenudiv);

		$(element).bind('mouseover',function(){m_mouseover(anylinkmenudiv)});
		$(element).bind('mouseleave',function(){m_mouseleave(anylinkmenudiv)});
		$(anylinkmenudiv).bind('mouseover',function(){m_mouseover(anylinkmenudiv)});
		$(anylinkmenudiv).bind('mouseleave',function(){m_mouseleave(anylinkmenudiv)});
	});
});

function m_mouseover(element)
{
	window.clearTimeout(timeout_id);
	$(element).css('visibility','visible');
	$($(element).find('a')).css('visibility','visible');
}

function m_mouseleave(element)
	{timeout_id = window.setTimeout(function(){m_close(element)},effects.delayhide);}

function m_close(element)
	{
		$(element).css('visibility','hidden');
		$($(element).find('a')).css('visibility','hidden');
	}