$(document).ready(function(){
		
		$("#leftnavContent > .leftnavBox > .leftnavBox").css("display", "none");
		
		$(".leftnavBoxCurrentContent").parent().css("display", "block");
		
		$("#leftnavContent > .leftnavBox").hover(
			function(){
				
				
				$(".hoverNavBridgeWrapper").css("background", "none");
				$(".hoverNavBridgeWrapper").remove();
				
				var current = false;
				
									
				if($(this).children().find(".leftnavBoxCurrentContent").size() > 0)
					{
						current = true;
						
					}
				if(!current){
				
					$(this).children(".leftnavBox").show();
					$(this).children(".leftnavBox div.leftnavBox").addClass('hoverNavBox');
					$(this).children(".leftnavBox").css("postion", "absolute");
					
					var hoverNavBridgeHtml = "<div class='hoverNavBridgeWrapper'><div class='hovernavBridge'></div></div>";
					$(hoverNavBridgeHtml).prependTo($('.hoverNavBox').parent());
					
					$(".hoverNavBridgeWrapper").css("position", "absolute");
					$(".hoverNavBridgeWrapper").css("left", $(this).position().left + $(this).outerWidth()-5);
					$(".hoverNavBridgeWrapper").css("height", 35);
					$(".hoverNavBridgeWrapper").css("width", 23);
					
					$(this).children(".leftnavBox").css("left", $(this).position().left + $(this).outerWidth()+18);
									$(this).children(".leftnavBox").css("top", $(this).position().top - 9);
					$(this).children("ul li:even").addClass("evenNav");
					
					
						var numChildren = $(this).find("li").size();
						if(numChildren > 0){
							$(this).addClass("parentHoverNavBox");
						}
					
						var parentHtml = $('.parentHoverNavBox .heading').html();
						var hoverParentHtml = "<li class='parentTitle'>" + parentHtml + "</li>";
					
						$(hoverParentHtml).prependTo('.hoverNavBox .leftnavBoxContent ul');
					$(this).children("ul li.parentTitle").css("height",$(this).children("ul li.parentTitle").outerHeight - 3);
					$(".leftnavBox.hoverNavBox li[class='parentTitle']").css('background-color', '#ffffff');
					$(".leftnavBox.hoverNavBox li[class!='parentTitle']").hover(
						function(){
							$(this).css('background-color', '#8dc63f');
							$(this).find('a').css('color', '#ffffff');
						},
						function(){
							$(".leftnavBox.hoverNavBox li[class!='evenNav']").filter('[class!="parentTitle"]').css('background-color', '#f9f9f9');
							$(".leftnavBox.hoverNavBox li[class='evenNav']").css('background-color', '#ffffff');
							$(this).find('a').css('color', '#456f0b')
						}
					)
					
				
				}
			},
			function(){
				var current = false;
				$(this).children('.hoverNavBridgeWrapper').remove();
				
				if($(this).children().find(".leftnavBoxCurrentContent").size() > 0)
					{
						current = true;
						alert(selected);
						$('.hoverNavBridge').remove();
					}
				if(!current){
					$(this).children(".leftnavBox").hide();
					$(this).children(".lefnavBox div").removeClass('hoverNavBox');
					$(this).removeClass("parentHoverNavBox");
					$('.parentTitle').remove();
					$(this).parent('.hoverNavBridgeWrapper').remove();
					$('.leftNavBox').removeClass('hoverNavBox');
					$(this).children(".leftnavBox").removeClass('hoverNavBox'); 

					$(".hoverNavBridgeWrapper").css("background", "none");
					
				}
			}
		);
	});