$(document).ready(function(){
	
	$('ul#nav li.page-item-6').append('<ul style="display: none;"><li><p>our vision</p></li></ul>')
	$('ul#nav li.page-item-7').append('<ul style="display: none;"><li><p>our mission</p></li></ul>')
	
	$('ul.nav li').hover(function(){
		$(this).find('ul').show();
		$(this).find('a').css('background-position', 'left bottom');
	},
	function() {
		$(this).find('ul').hide();
		$(this).find('a').css('background-position', 'left top');
	});    
	
	$('ul#nav li ul').each(function (){
	
		var GROUP_COUNT = 3;
	    var liElements = $(this).find('li');
	    var count = liElements.length;
	    var html = '';
		
		for (var i = 0; i < count; i += GROUP_COUNT) {
	        html += '<div style="top: '+i*4+'px">';
	        liElements.slice(i, i + GROUP_COUNT).each(function(){
	        	var current = $(this).hasClass('current_page_item');
	        	var current_parent = $(this).hasClass('current_page_parent');
	        	if (current || current_parent) {
	        	html += '<li class="current_page_item">' + $(this).html() + '</li>';
	        	} else {
	        	html += '<li>' + $(this).html() + '</li>';
	        	}
	        });
	        html += '</div>';
	    }
	    $(this).html(html);
		$('ul.nav li.current_page_item ul').show();
	});
});