$(document).ready(function(){
function swapImages(){
      var $active = $('#largeimage .active');
      var $next = ($('#largeimage .active').next().length > 0) ? $('#largeimage .active').next() : $('#largeimage img:first');
      $active.fadeOut(function(){
      $active.removeClass('active');
      $next.fadeIn().addClass('active');
	  // Run our swapImages() function every 5secs
      setInterval('swapImages()', 8000);
      });
    }


      

	 $(".about").hover(
          function(){this.src = this.src.replace("about","about1");},
          function(){this.src = this.src.replace("about1","about");
	 });
	  $(".capabilities").hover(
          function(){this.src = this.src.replace("capabilities","capabilities1");},
          function(){this.src = this.src.replace("capabilities1","capabilities");
	 });
	  $(".services").hover(
          function(){this.src = this.src.replace("services","services1");},
          function(){this.src = this.src.replace("services1","services");
	 });
	  $(".quality").hover(
          function(){this.src = this.src.replace("quality","quality1");},
          function(){this.src = this.src.replace("quality1","quality");
	 }); 
	  $(".contact").hover(
          function(){this.src = this.src.replace("contact","contact1");},
          function(){this.src = this.src.replace("contact1","contact");
	 }); 
      $(".button").click(function(){
		$("#" + $(this).attr("id") + "-info").show().siblings("div").hide();
		$("#" + $(this).attr("id") + "-image").show().siblings("img").hide();
		$("#" + $(this).attr("id") + "-featureimage").show().siblings("div").hide();
	 });
 
});