$(document).ready(function() {
	
	$('#c8_menu li ul').hide();
	
	$('#c8_menu .c8_dropdown ul li').each(function() {
		
		var html = $(this).html();
		var template = '<table border="0"><tr> <td class="bg-l"><span></span></td> <td class="content"> {CONTENT} </td> <td class="bg-r"><span></span></td> </tr> <tr> <td class="bg-lc"><span></span></td> <td class="bg-b"><span></span></td> <td class="bg-rc"><span></span></td> </tr> </table> <span class="arrow"></span>';
		html = template.replace(/(\{CONTENT\})/, html);
		$(this).html( html );
		
	});
	
	$('#c8_menu .c8_dropdown').each(function(i, sender) {
		
		$(sender).find('a:first').mouseover(function() {

			var menu = $(this).parent().find('ul');

			if( ! menu.hasClass('menu-shown')) {
				$('.menu-shown').each(function(i, s) {
					$(s).hide();
					$(s).attr('class', '');
				});
			}

			if(menu.hasClass('menu-shown')) {
				
				menu.hide();
				menu.attr('class', '');
				
			} else {

				menu.slideDown('fast');
				menu.attr('class', 'menu-shown');

			}

			return false;

		});
		
	});
	
});