// JavaScript Document

if (document.images){
	uab = new Image();
	uab.src = "images/up-arrow-black.png";
	dab = new Image();
	dab.src = "images/down-arrow-black.png";
	dag = new Image();
	dag.src = "images/down-arrow-gray.png";
}

$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	//Change the arrow on hover
	var search = document.getElementById('search-menu');
	$('#nav ul li span a').hover(
		function(){ //nested because of browser issues
			if(search.className != 'drop-active'){
				if(search.className != 'active'){
					if(search.className != 'active drop-active'){	
						$(this).find('img').attr('src', 'images/down-arrow-black.png');
					}
				}
			}
		}, 
		function(){ //nested because of browser issues
			if(search.className != 'drop-active'){
				if(search.className != 'active'){
					if(search.className != 'active drop-active'){
						$(this).find('img').attr('src', 'images/down-arrow-gray.png');
					}
				}
			}
		}
	);
	//If menu is active, show black arrow
	if (search.className == 'active'){
		$('#nav ul li span a').find('img').attr('src', 'images/down-arrow-black.png');
	}
	//Toggle the dropdown
	$("#nav ul li span").toggle(
		function() { 
			$(this).find('a img').attr('src', 'images/up-arrow-black.png');
			$(this).find('a').addClass('drop-active');			
			$(this).parent().find("ul.subnav").slideToggle('medium'); //Drop down the subnav on click
		},
		function(){
			$(this).find('a img').attr('src', 'images/down-arrow-black.png');
			$(this).find('a').removeClass('drop-active');
			$(this).parent().find("ul.subnav").slideToggle('medium'); //Drop down the subnav on click
		}
	);
	
	
});