// jQuery Mega Menu Effects

$(document).ready(function(){
	
	$(".fullwidth").css('left', '-1px').hide();
	
	var menuOn = false; 
	
		$('li.menuItem').mouseenter(function() {
			
			menuOn = true;
			runMenuTest();
		});
		
		$('li.menuItem').mouseleave(function() {
			
			menuOn = false;
			runMenuTest();
		})
		
		function runMenuTest() {
			
			if(menuOn == true){
				//alert('open menu')
				$('.dropcontent').fadeTo(250, 1);
			}
			
			if(menuOn == false){
				$('.dropcontent').fadeTo(10, 0);
			}
		
		}
		
		function opacityElements() { // Chaging opacity of the social icons on mouse hover and mouse out
	
			//fade light images
			$('.fade').mouseenter(function() {
				$(this).fadeTo(250, .65);
			})
			
			$('.fade').mouseleave(function() {
				$('.fade').fadeTo(250, 1);
			})
			
			// fade up dark images
			$('.fadeUp').fadeTo(0, .5)
			
			$('.fadeUp').mouseenter(function() {
				$(this).fadeTo(250, 1);
			})
			
			$('.fadeUp').mouseleave(function() {
				$('.fadeUp').fadeTo(250, .5);
			})
	

			
		}
		
	opacityElements();	
	runMenuTest();
		
	
})