//Set Portfolio Image Over Opacity Split Images//
$(document).ready(function(){

			   
	$("img.a").hover(
	function() {
	$(this).stop().animate({"opacity": "0"}, 400);
	},
	function() {
	$(this).stop().animate({"opacity": "1"}, 400);
	});
 
});




//irg used in the portfolio page
$(document).ready(function(){
$(function() {
		// When a thumbnail is clicked
		$(".gallery .thumbnails a").click(function() {
			// Get enlarged image attributes
			var largeImg = $(".gallery .feature img");	
			var largeImgPath = $(this).attr("href");
			var largeImgTitle = $(this).children("img").attr("alt");
			var largeThumbnail = $(this);
			// Fade out enlarged image
			$(largeImg).fadeOut('slow', function() {	
				// Change the attributes of the enlarged large image
				$(largeImg).attr({ src: largeImgPath, alt: largeImgTitle, title: largeImgTitle }).load(function() {
					// Once image is loaded:
					// Remove class="current" from all thumbnails and add to clicked thumbnail
					$(".gallery .thumbnails").children().removeClass("current");
					$(largeThumbnail).addClass("current");
					// Fade in enlarged image
					$(largeImg).fadeIn('slow');
					
					
					
				});
			});
			return false;
		});
	});

						   });
						   
						   

						   //irg used in the portfolio page
$(document).ready(function(){
$(function() {
		// When a thumbnail is clicked
		$(".gallery2 .thumbnails2 a").click(function() {
			// Get enlarged image attributes
			var largeImg = $(".gallery2 .feature2 img");	
			var largeImgPath = $(this).attr("href");
			var largeImgTitle = $(this).children("img").attr("alt");
			var largeThumbnail = $(this);
			// Fade out enlarged image
			$(largeImg).fadeOut('slow', function() {	
				// Change the attributes of the enlarged large image
				$(largeImg).attr({ src: largeImgPath, alt: largeImgTitle, title: largeImgTitle }).load(function() {
					// Once image is loaded:
					// Remove class="current" from all thumbnails and add to clicked thumbnail
					$(".gallery .thumbnails").children().removeClass("current");
					$(largeThumbnail).addClass("current");
					// Fade in enlarged image
					$(largeImg).fadeIn('slow');
					
					
					
				});
			});
			return false;
		});
	});

						   });



 //irg used in the portfolio page
$(document).ready(function(){
$(function() {
		// When a thumbnail is clicked
		$(".gallery3 .thumbnails3 a").click(function() {
			// Get enlarged image attributes
			var largeImg = $(".gallery3 .feature3 img");	
			var largeImgPath = $(this).attr("href");
			var largeImgTitle = $(this).children("img").attr("alt");
			var largeThumbnail = $(this);
			// Fade out enlarged image
			$(largeImg).fadeOut('slow', function() {	
				// Change the attributes of the enlarged large image
				$(largeImg).attr({ src: largeImgPath, alt: largeImgTitle, title: largeImgTitle }).load(function() {
					// Once image is loaded:
					// Remove class="current" from all thumbnails and add to clicked thumbnail
					$(".gallery .thumbnails").children().removeClass("current");
					$(largeThumbnail).addClass("current");
					// Fade in enlarged image
					$(largeImg).fadeIn('slow');
					
					
					
				});
			});
			return false;
		});
	});

						   });





 // Background color animation 
        $(document).ready(function(){
                $(".service_title1, .service_title2, .service_title3").hover(function() {
                $(this).stop().animate({ backgroundColor: "#333" }, 200);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#101010"}, 400);	 
        });
		
  });
  
  
  
