$(document).ready(function(){
						   
     // anythingslider
	$('#slider').anythingSlider();	
	
	// form validation
	$("form.validate").validationEngine();		
		
	// nav
	//// dropdown animation
	$("#nav ul li").hover(function(){
		$(this).find('ul:first').css({visibility:"visible",display:"none"}).show(400);
	},function(){
		$(this).find('ul:first').css({visibility:"hidden"});
	});

	//// maintain hover
	$("#nav ul ul").hover(function(){
		$(this).parent().find("a:first").addClass("hover");
	},function(){
		$(this).parent().find("a:first").removeClass("hover");
	});

	//// add more arrow
	$("#nav li li:has(ul)").addClass("more");
	
	// accordion
	$("#subnav h3").click(function(){
		$(this).parents("#subnav").find("ul ul ul:visible").slideUp("slow");
		$(this).next("ul:hidden").slideDown("slow");
	});	

   // choose text for the show/hide link - can contain HTML (e.g. an image)
	var showText='Show Cities';
	var hideText='Hide Cities';
	 
	// initialise the visibility check
	var is_visible = false;
	 
	// append show/hide links to the element directly preceding the element with a class of "toggle"
	$('.toggle').prev().append(' (<a href="#" class="toggleLink">'+showText+'</a>)');

	 
	// hide all of the elements with a class of 'toggle'
	$('.toggle').hide();
	 
	// capture clicks on the toggle links
	$('a.toggleLink').click(function() {
	 
	// switch visibility
	is_visible = !is_visible;
	 
	// change the link depending on whether the element is shown or hidden
	$(this).html( (!is_visible) ? showText : hideText);
	 
	// toggle the display - uncomment the next line for a basic "accordion" style
	//$('.toggle').hide();$('a.toggleLink').html(showText);
	$(this).parent().next('.toggle').toggle('slow');
	 
	// return false so any link destination is not followed
	return false;	 
	});

});