// JavaScript Document

var $j = jQuery.noConflict();

$j(document).ready(function () {  
   
	//Append a div with hover class to all the LI  
	$j('li.topMenu').append('<div class="hover"></div>');  
	$j('li.topMenu').hover(
		function() {
		//Mouseover, fadeIn the hidden hover class    
		$j(this).children('div').fadeIn('fast');
			$j(this).children("ul.subMenu").show();
		},   
		function() {
		//Mouseout, fadeOut the hover class  
		$j(this).children('div').fadeOut('fast');
			$j(this).children("ul.subMenu").hide();
		}).click (function () {  
		//Add selected class if user clicked on it  
			$j(this).addClass('selected');  
	});
	
	$j('li.topMenuC').append('<div class="hover"></div>');  
	$j('li.topMenuC').hover(
		function() {
		//Mouseover, fadeIn the hidden hover class    
		$j(this).children('div').fadeIn('fast');
			$j(this).children("ul.subMenuC").show();
		},   
		function() {
		//Mouseout, fadeOut the hover class  
		$j(this).children('div').fadeOut('fast');
			$j(this).children("ul.subMenuC").hide();
		}).click (function () {  
		//Add selected class if user clicked on it  
			$j(this).addClass('selected');  
	});
	
   
});