//////////////////////////////////////////////////////
//
//	The purpose of this file is to
//	apply a hover class on mouseover
//	on the <li> elements in the nav.
//	This is because IE doesn't put
//	the pseudo class :hover on <li> elements
//
//	This is code that uses the
//	jquery javascript library (http://jquery.com/)
//
//////////////////////////////////////////////////////
$(window).load(function() {

	$("#ourworknav > ul > li > ul").hide();
	
	


	
	
	
	$("#ourworknav > ul > li > a").toggle(function(){
		/*var x = $('> ul',$(this).parent());*/
		$('> ul',$(this).parent()).slideDown("slow");
		$(this).addClass("closearrow");
		return false;
		
	}, function(){
		$('> ul',$(this).parent()).slideUp("slow");
		$(this).removeClass("closearrow");
		return false;
		
	});
	
	$("#ourworknav li > ul > li a").click(function(){
		var bob = this.href;
		$("#ourworkflash").hide();
		$("#ourworkflash").load(this.href, function()
		{
			$(this).fadeIn('slow');
		});
		return false;
	});
	
	
});
