/*
Script Author: www.saptarang.org
Description: Navigation Drop Down Menu using jquery and css.
Date: 20 August 2011.
*/

$(document).ready(function() {
	
	$('<span class="topborder">&nbsp;</span>').insertBefore('#menu-wrapper ul.submenu li:first-child');
	$('<span class="bottomborder lastspan">&nbsp;</span>').insertAfter('#menu-wrapper ul.submenu li:last-child');
	$('.submenu li a span.rightround').remove();
	

	
// Submenu Menu 

	$('#menu-wrapper ul li').hover(
		
		function() {
		
			$thisa = $(this).children();
			$(this).find('ul:first').fadeIn('fast');
			$(this).find('a').append('<span class="rightround"></span>');
			$(this).find('ul.submenu li a span.rightround').remove();
			$(this).find('a').addClass('hovered');
				
		}, function() {
		
			$(this).find('ul').fadeOut('fast');
			$(this).find('a span.rightround').remove();
			$(this).find('a').removeClass('hovered');
			$('#main-wrapper ul li a').css("background-color","transparent");
			$('#main-wrapper ul li a').css("background-image","none");
			
		});
		
	// background color
	
	$('#menu-wrapper ul li ul.submenu li').hover(
		
		function() {
		
			$('#menu-wrapper ul li ul.submenu li').find('ul').parent().addClass('parentli');
			$('#menu-wrapper ul li ul.submenu li').find('a span.rightround').remove();
				
		}, function() {
		
			$(this).find('ul').fadeOut('fast');
			
		});	

});