// JavaScript Document
$(function(){
		 
		   $('#nav .small a').append('<span class="hover"></span>')
		   $('#nav .hover').css("filter","alpha(opacity=00)")
		   $('#nav .small a').hover(function() {
	        
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': 1
			}, 700,'easeOutSine')
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 700, 'easeOutQuad')
	
	})
		   });
		   
//select home//		   
$(function(){
       
       $('#nav .act .activeh').append('<span class="acthover"></span>')
       $('#nav .acthover').css("filter","alpha(opacity=00)")
       $('#nav .act .activeh').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthover', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthover', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });
	   
//select serv//	
$(function(){
       
       $('#nav .act .actives').append('<span class="acthovers"></span>')
       $('#nav .acthovers').css("filter","alpha(opacity=00)")
       $('#nav .act .actives').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthovers', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthovers', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });
//select product// 
$(function(){
       
       $('#nav .act .activep').append('<span class="acthoverp"></span>')
       $('#nav .acthoverp').css("filter","alpha(opacity=00)")
       $('#nav .act .activep').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthoverp', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthoverp', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });
//select techno// 
$(function(){
       
       $('#nav .act .activet').append('<span class="acthovert"></span>')
       $('#nav .acthovert').css("filter","alpha(opacity=00)")
       $('#nav .act .activet').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthovert', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthovert', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });
//select portfolio// 
$(function(){
       
       $('#nav .act .activepo').append('<span class="acthoverpo"></span>')
       $('#nav .acthoverpo').css("filter","alpha(opacity=00)")
       $('#nav .act .activepo').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthoverpo', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthoverpo', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });  
//select clients// 
$(function(){
       
       $('#nav .act .activec').append('<span class="acthoverc"></span>')
       $('#nav .acthoverc').css("filter","alpha(opacity=00)")
       $('#nav .act .activec').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthoverc', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthoverc', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       }); 
//select contact// 
$(function(){
       
       $('#nav .act .activecu').append('<span class="acthovercu"></span>')
       $('#nav .acthovercu').css("filter","alpha(opacity=00)")
       $('#nav .act .activecu').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.acthovercu', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.acthovercu', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       }); 
       
 
            

       

   
$(function(){
     
       $('#subNav li a').append('<span class="shover"></span>')
       $('#subNav li a').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.shover', this).stop().animate({
      'opacity': 1
      }, 700,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.shover', this).stop().animate({
      'opacity': 0
      }, 700, 'easeOutQuad')
  
  })
       });
$(function(){
     
       $('#go').append('<span class="ghover"></span>')
       $('#go').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.ghover', this).stop().animate({
      'opacity': 1
      }, 1000,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.ghover', this).stop().animate({
      'opacity': 0
      }, 1000, 'easeOutQuad')
  
  })
       });
       
  
$(function(){
     
       $('#footerBrandnav li a').append('<span class="fhover"></span>')
       $('#footerBrandnav li a').hover(function() {
          
    // Stuff that happens when you hover on + the stop()
    $('.fhover', this).stop().animate({
      'opacity': 1
      }, 1000,'easeOutSine')
  
  },function() {
  
    // Stuff that happens when you unhover + the stop()
    $('.fhover', this).stop().animate({
      'opacity': 0
      }, 1000, 'easeOutQuad')
  
  })
       });
