// Bottom Navigation JavaScript //

 $(function() {
           $('#what-we-do-container img').animate({"top": 0, "opacity": 1 });
		   $('#what-we-do-mirror-container img').animate({"top": 0 });
            
			
			$('#what-we-do-container img.web-design-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
				$('#what-we-do-mirror-container img.web-design-button').animate({ "top": 5 }, 200);
				$(this).animate({ "top": -5, "opacity": 1 }, 200);

            }, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.web-design-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
			
			
			$('#what-we-do-container img.content-management-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
				$('#what-we-do-mirror-container img.content-management-button').stop().animate({ "top": 5 }, 200);
           		$(this).animate({ "top": -5, "opacity": 1 }, 200);
		   
		   }, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.content-management-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
			
			
			$('#what-we-do-container img.promotion-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
				$('#what-we-do-mirror-container img.promotion-button').stop().animate({ "top": 5 }, 200);
				$(this).animate({ "top": -5, "opacity": 1 }, 200);
            
			
			}, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.promotion-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
			
			
			$('#what-we-do-container img.knowledge-transfer-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
				$('#what-we-do-mirror-container img.knowledge-transfer-button').stop().animate({ "top": 5 }, 200);
				$(this).animate({ "top": -5, "opacity": 1 }, 200);
				           
			
			}, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.knowledge-transfer-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
			
			
			$('#what-we-do-container img.e-commerce-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
                $('#what-we-do-mirror-container img.e-commerce-button').stop().animate({ "top": 5 }, 200);
				$(this).animate({ "top": -5, "opacity": 1 }, 200);
			
			}, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.e-commerce-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
			
			
			$('#what-we-do-container img.statistics-button').hover(function() {
                //$('#what-we-do-container').stop().animate({ "opacity": .7  }, 200);
                $('#what-we-do-mirror-container img.statistics-button').stop().animate({ "top": 5 }, 200);
				$(this).animate({ "top": -5, "opacity": 1 }, 200);
			
			}, function() {
                //$('#what-we-do-container').stop().animate({ "opacity": 1  }, 0);
				$('#what-we-do-mirror-container img.statistics-button').stop().animate({ "top": 0 }, 200);
				$(this).animate({ "top": 0, "opacity": 1 }, 200);
            });
        });