$(document).ready(function() 
{
  // Featured buttons
  $('#featured_buttons div').click(function() 
	{
    // Only execute if link is not already selected
    if(!$(this).hasClass("featured_button_selected"))
    {
      // Reset previous selected link
      $('#featured_buttons div.featured_button_selected').removeClass("featured_button_selected").addClass("featured_button_unselected");
      // Apply settings for new selected link
      $(this).removeClass("featured_button_unselected").addClass("featured_button_selected");
      // Update featured content
      ShowFeaturedProject($(this).attr('id'));
    }
  });
  
  // Dropdowns
	$('div.dropdown').mouseout(function (e) 
	{
		if($(this).is(':visible'))
		{
				$mouseX = e.pageX;
				$mouseY = e.pageY;
				$rLeft = $(this).offset().left;
				$rRight = $rLeft+$(this).width();
				$rTop = $(this).offset().top;
				$rBottom = $rTop+$(this).outerHeight(true);
				
				if($mouseX>$rLeft && $mouseX<$rRight && $mouseY>$rTop && $mouseY<$rBottom)
				{
					
				}
				else
				{
					$('div.nav_button_unselected').css("background-position", "0px 0px");
					$(this).hide();
				}
		}
	});

 
	// Navigation buttons
  	$('#home_button').hover(
  		function (e) 
  		{
  			if($(this).hasClass('nav_button_unselected'))
  			{
  				$('div.nav_button_unselected').css("background-position", "0px 0px");
  				$('div.dropdown').hide();
	  			$(this).css("background-position", "0px -61px");
	  		}
		},
   	function (e) 
   	{
			if($(this).hasClass('nav_button_unselected'))	
  	 			$(this).css("background-position", "0px 0px");
  	 	}
	);

	
  	$('#about_us_button').hover(
  		function (e) 
  		{
  			$('div.nav_button_unselected').css("background-position", "0px 0px");
			$('div.dropdown').hide();
  			if($(this).hasClass('nav_button_unselected'))
  				$(this).css("background-position", "0px -61px");
    		$('#about_us_dropdown').show();

  		},
   	function (e) 
   	{
    		$mouseY = e.pageY;
  	 		$rTop = $(this).offset().top;
  	 		$rBottom = $rTop+$(this).outerHeight(true);
  	 		if($mouseY<$rBottom)
  	 		{
  	 			if($(this).hasClass('nav_button_unselected'))
  	   	 		$(this).css("background-position", "0px 0px");
				$('#about_us_dropdown').hide();
  	 		}
  		}
 	); 
    
  	$('#services_button').hover(
  		function (e) 
		{
			$('div.nav_button_unselected').css("background-position", "0px 0px");
			$('div.dropdown').hide();
			if($(this).hasClass('nav_button_unselected'))
				$(this).css("background-position", "0px -61px");
			$('#services_dropdown').show();
		},
		function (e) 
		{
			$mouseY = e.pageY;
  	 		$rTop = $(this).offset().top;
  	 		$rBottom = $rTop+$(this).outerHeight(true);
  	 		if($mouseY<$rBottom)
  	 		{
  	 			if($(this).hasClass('nav_button_unselected'))
  	 				$(this).css("background-position", "0px 0px");
  	 	 		$('#services_dropdown').hide();
  	 		}
  		}
	);
  
	$('#projects_button').hover(
  		function (e) 
  		{
  			$('div.nav_button_unselected').css("background-position", "0px 0px");
			$('div.dropdown').hide();
			if($(this).hasClass('nav_button_unselected'))
				$(this).css("background-position", "0px -61px");
			$('#projects_dropdown').show();
		},
   	function (e) 
   	{
			$mouseY = e.pageY;
			$rTop = $(this).offset().top;
			$rBottom = $rTop+$(this).outerHeight(true);
			if($mouseY<$rBottom)
			{
				if($(this).hasClass('nav_button_unselected'))
					$(this).css("background-position", "0px 0px");
  	 	 		$('#projects_dropdown').hide();
			}
  		}
  	);
  
 	$('#news_button').hover(
		function (e) 
		{
			if($(this).hasClass('nav_button_unselected'))
			{
				$('div.nav_button_unselected').css("background-position", "0px 0px");
				$('div.dropdown').hide();
				$(this).css("background-position", "0px -61px");
			}
		},
		function (e) 
		{
			if($(this).hasClass('nav_button_unselected'))	
				$(this).css("background-position", "0px 0px");
		}
	);

  	$('#contact_us_button').hover(
  		function (e) 
  		{
  			if($(this).hasClass('nav_button_unselected'))
  			{
  				$('div.nav_button_unselected').css("background-position", "0px 0px");
  				$('div.dropdown').hide();
	  			$(this).css("background-position", "0px -61px");
	  		}
 		 },
		function (e) 
		{
			if($(this).hasClass('nav_button_unselected'))	
				$(this).css("background-position", "0px 0px");
		}
	);

	// Set inital featured project
  $('#featured_button_1').click(); 	
  
});
