/*

Main Javascript for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com

*/

/* =Realistic Navigation
============================================================================== */

	// Begin jQuery
	
	$(document).ready(function() {
				
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
	
		// Animate buttons, shrink and fade shadow
		
		$("#nav li, #nav2 li, #inner-nav li, #faq-nav li").hover(function() {
			var e = this;
		    $(e).find("a, span").stop().animate({ marginTop: "-14px" }, 250, function() {
		    	$(e).find("a, span").animate({ marginTop: "-10px" }, 250);
		    });
		    $(e).find("img.shadow").stop().animate({ width: "80%", height: "20px", marginLeft: "8px", opacity: 0.25 }, 250);
		},function(){
			var e = this;
		    $(e).find("a, span").stop().animate({ marginTop: "4px" }, 250, function() {
		    	$(e).find("a, span").animate({ marginTop: "0px" }, 250);
		    });
		    $(e).find("img.shadow").stop().animate({ width: "100%", height: "27px", marginLeft: "0", opacity: 1 }, 250);
		});
						
	// End jQuery
	
	});
	
	/* Extra
	---------------------------------------------------------------------*/
	
	$(document).ready(function(){
    
    $(".nav-vision").click(function () {
      $("#vision").fadeIn("slow");
			$("#mission").fadeOut("slow");
			$("#philosophy").fadeOut("slow");
    });

    $(".nav-mission").click(function () {
      $("#vision").fadeOut("slow");
			$("#mission").fadeIn("slow");
			$("#philosophy").fadeOut("slow");
    });

    $(".nav-philosophy").click(function () {
      $("#vision").fadeOut("slow");
			$("#mission").fadeOut("slow");
			$("#philosophy").fadeIn("slow");
    });
	
	$(".nav-branding").click(function () {
      $("#branding").fadeIn("slow");
			$("#maintenance").fadeOut("slow");
			$("#seo").fadeOut("slow");
    });

    $(".nav-maintenance").click(function () {
      $("#branding").fadeOut("slow");
			$("#maintenance").fadeIn("slow");
			$("#seo").fadeOut("slow");
    });

    $(".nav-seo").click(function () {
      $("#branding").fadeOut("slow");
			$("#maintenance").fadeOut("slow");
			$("#seo").fadeIn("slow");
    });
		
    $(".faq_text1").click(function () {
      $(".ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14 ").fadeOut("slow");
			$(".ft_1").fadeIn("slow");
    });

    $(".faq_text2").click(function () {
      $(".ft_1, ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_2").fadeIn("slow");
    });

    $(".faq_text3").click(function () {
      $(".ft_1, .ft_2, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_3").fadeIn("slow");
    });

    $(".faq_text4").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_4").fadeIn("slow");
    });
		
		$(".faq_text5").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_5").fadeIn("slow");
    });

	$(".faq_text6").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_6").fadeIn("slow");
    });
	
	$(".faq_text7").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_7").fadeIn("slow");
    });
	
	$(".faq_text8").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_8").fadeIn("slow");
    });

	$(".faq_text9").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_10, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_9").fadeIn("slow");
    });

	$(".faq_text10").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_11, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_10").fadeIn("slow");
    });

	$(".faq_text11").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_12, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_11").fadeIn("slow");
    });
	
	$(".faq_text12").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_13, .ft_14").fadeOut("slow");
			$(".ft_12").fadeIn("slow");
    });	
	
	$(".faq_text13").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_14").fadeOut("slow");
			$(".ft_13").fadeIn("slow");
    });	
	
	$(".faq_text14").click(function () {
      $(".ft_1, .ft_2, .ft_3, .ft_4, .ft_5, .ft_6, .ft_7, .ft_8, .ft_9, .ft_10, .ft_11, .ft_12, .ft_13").fadeOut("slow");
			$(".ft_14").fadeIn("slow");
    });

  });