// JavaScript Document
//Main nav drop-downs
$(document).ready(function(){
	$("#dropmenu ul").css({display: "none"}); // Opera Fix 
	
	<!-- Hover Functionality -->
	$("li.topNav").hover(function(){
		var imgPath = $(this).find('a:first').children('img');
		$(this).find('a:first').css({border: '1px solid #e1dfe0', padding: '1px 0'}); //Changes background bmage and font color
		//Swap Image
		if (imgPath.attr('alt') == "Resources") {
			imgPath.attr('src','images/PPMOC_mainNAVON_04.jpg');
		}else if (imgPath.attr('alt') == "Location") {
			imgPath.attr('src','images/PPMOC_mainNAVON_03.jpg');
		}else if (imgPath.attr('alt') == "Available") {
			imgPath.attr('src','images/PPMOC_mainNAVON_02.jpg');
		}else if (imgPath.attr('alt') == "Why PPMOC") {
			imgPath.attr('src','images/PPMOC_mainNAVON_01.jpg');
		}
		//$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(268); //Shows Sub Menu animates down and right. Adjust number for time.
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(268); //Shows Sub Menu animates down. Adjust number for time.
	},function(){ 
		var imgPath = $(this).find('a:first').children('img');
		$(this).find('ul:first').css({visibility: "hidden"}); //Hides Sub Menu
		$(this).find('a:first').css({ border: 'none', padding: '1px 1px'}); //Resets background bmage and font color
		//Swap Image
		if (imgPath.attr('alt') == "Resources") {
			imgPath.attr('src','images/PPMOC_mainNAVOFF_04.jpg');
		}else if (imgPath.attr('alt') == "Location") {
			imgPath.attr('src','images/PPMOC_mainNAVOFF_03.jpg');
		}else if (imgPath.attr('alt') == "Available") {
			imgPath.attr('src','images/PPMOC_mainNAVOFF_02.jpg');
		}else if (imgPath.attr('alt') == "Why PPMOC") {
			imgPath.attr('src','images/PPMOC_mainNAVOFF_01.jpg');
		}
	}); 
	
	$('#nav').css({backgroundImage: 'url(images/navBG.jpg)' }); //Sets background image for entire menu bar
});