OverlayMenuUtils = {

	addMenuItem : function(menu, label, url) {
		menu.append('<li class="overlay-menuitem"><a class="overlay-menuitem-link" href="' + url + '">' + label + '</a></li>');
		
		return this;
	},
	
	bind : function(link, menu) {
		menu.css({
			'left': 0
			,'top': link.outerHeight()
		});
                
		link.mouseenter(function() {
			menu.fadeIn('fast');
		}).mouseleave(function() {
			menu.hide();
		});

		return this;
	}	
};

$(function() {
	var linkOverview = $('#menu-overview'),
	menuOverview = $('<ul class="overlay-menu"></ul>').appendTo(linkOverview.parent());
	
	OverlayMenuUtils.bind(linkOverview.parent(), menuOverview).addMenuItem(menuOverview, 'Why PrimeFaces', 'whyprimefaces.html')
														 .addMenuItem(menuOverview, 'Who Uses PrimeFaces', 'whouses.html')
														 .addMenuItem(menuOverview, 'Testimonials', 'testimonials.html')
														 .addMenuItem(menuOverview, 'License', 'license.html')
														 .addMenuItem(menuOverview, 'Multimedia', 'multimedia.html')
														 .addMenuItem(menuOverview, 'FAQ', 'faq.html');
														 
	var linkDemos = $('#menu-demos'),
	menuDemos = $('<ul class="overlay-menu"></ul>').appendTo(linkDemos.parent());
	
	OverlayMenuUtils.bind(linkDemos.parent(), menuDemos).addMenuItem(menuDemos, 'Showcase', 'http://www.primefaces.org/showcase/ui/')
														 .addMenuItem(menuDemos, 'Showcase Labs', 'http://www.primefaces.org/showcase-labs/ui/')
														 .addMenuItem(menuDemos, 'Mock OS X', 'http://www.primefaces.org/showcase/ui/macosx.jsf')
														 .addMenuItem(menuDemos, 'Mobile', 'http://www.primefaces.org/showcase-labs/mobile')
														 .addMenuItem(menuDemos, 'Cloud GAE', 'http://primefaces-rocks.appspot.com/ui/');
														 
	var linkDev = $('#menu-development'),
	menuDev = $('<ul class="overlay-menu"></ul>').appendTo(linkDev.parent());
	
	OverlayMenuUtils.bind(linkDev.parent(), menuDev).addMenuItem(menuDev, 'Getting Started', 'gettingStarted.html')
														 .addMenuItem(menuDev, 'Documentation', 'documentation.html')
														 .addMenuItem(menuDev, 'Downloads', 'downloads.html')
														 .addMenuItem(menuDev, 'Wiki', 'http://wiki.primefaces.org')
														 .addMenuItem(menuDev, 'Theme Gallery', 'themes.html');
														 
	var linkSupport = $('#menu-support'),
	menuSupport = $('<ul class="overlay-menu"></ul>').appendTo(linkSupport.parent());
	
	OverlayMenuUtils.bind(linkSupport.parent(), menuSupport).addMenuItem(menuSupport, 'Get Support', 'support.html')
														.addMenuItem(menuSupport, 'Training', 'http://www.prime.com.tr/training/jsf2primefaces.html')
														.addMenuItem(menuSupport, 'Issue Tracker', 'issuetracker.html');
														 
	var linkSocial = $('#menu-social'),
	menuSocial = $('<ul class="overlay-menu"></ul>').appendTo(linkSocial.parent());
	
	OverlayMenuUtils.bind(linkSocial.parent(), menuSocial).addMenuItem(menuSocial, 'Blog', 'http://blog.primefaces.org')
														 .addMenuItem(menuSocial, 'Forum', 'http://forum.primefaces.org')
														 .addMenuItem(menuSocial, 'Twitter', 'http://twitter.com/primefaces')
														 .addMenuItem(menuSocial, 'Facebook', 'http://www.facebook.com/groups/206606616332/')
														 .addMenuItem(menuSocial, 'Linked In', 'http://www.linkedin.com/groups/PrimeFaces-NextGen-Component-Suite-3095471');
});