jQuery(document).ready(function($){

//	$("ul.topnav>li>ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
	 
	$("ul.topnav>li>span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});
	$("ul.topnav li>ul li").hover(function(){
		console.log('h in');
		var self=this;
		var pos=$(this).offset();	
		if(  ($(window).width()-pos.left-680)>0){
			$(this).find(">ul.subnav").show("slide", { direction: "left" }, 100,
					function(){		
				$(self).parent().find('ul.subnav:visible').each(
							function(index,element){
								if (!$.contains(self,element)){
									console.log('hide');
									$(element).hide();
								}
							});
			}
					);		
		}else{
			$(this).find(">ul.subnav").css('left','-342px');
			$(this).find(">ul.subnav").show("slide", { direction: "right" }, 100,
					function(){		
				$(self).parent().find('ul.subnav:visible').each(
							function(index,element){
								if (!$.contains(self,element)){
									console.log('hide');
									$(element).hide();
								}
							});
			}
			);		
		}
		
	},
	function(e){
		var pos=$(this).offset();
		
		if((  ($(window).width()-pos.left-680)>0)){
		  $(this).find(">ul.subnav").hide("slide", { direction: "left" }, 100,
					function(){		
				$(self).parent().find('ul.subnav:visible').each(
							function(index,element){
								if (!$.contains(self,element)){
									console.log('hide');
									$(element).hide();
								}
							});
			});	
		}else{
		  $(this).find(">ul.subnav").hide("slide", { direction: "right" }, 100);
		}
	}	
	);
	$("ul.topnav>li>a").addClass('normal');
	$("ul.topnav>li>a").hover(function() { //When trigger is clicked...
		
		$(this).addClass("active");
		$(this).removeClass('normal');
		var link=$(this);
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find(">ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
			link.removeClass('active');
			link.addClass('normal');
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});
	
	$( "ul.topnav>li li" ).has('ul').find('>a').append("<span class='expander'>&gt;</span>");
	$( "ul.subnav li:last-child").css('border-bottom','0px');
});