$(function() {
		
	$('.images').hide();
	$('#images5').show();
	$('#slidingImages5').hide();
	$('.circles').hide();
	$('.back').hide();
	$('.thumbs').css({ opacity: 0.5 });
	$('#thumbs1').css({ opacity: 1 });
	
	$("#thumbs1").click(function() {
			$('.images').hide();
			$('#images5').show();
			$('#slidingImages5').hide();
			$('.circles').hide();
			$('#mainImage5').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
	 		$('#thumbs1').css({ opacity: 1 });

	});
	
	$("#thumbs2").click(function() {
			$('.images').hide();
			$('#images1').show();
			$('#slidingImages1').hide();
			$('.circles').hide();
			$('#mainImage1').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs2').css({ opacity: 1 });
	});
	
	$(".more").click(function() {
			$('.slidingImages').show();
			$('.circles').show();
			$('.mainImage').hide();
			$('.more').hide();
			$('.back').show();
	});
	
	$(".back").click(function() {
			$('.slidingImages').hide();
			$('.circles').hide();
			$('.mainImage').show();
			$('.more').show();
			$('.back').hide();
	});
	
	$("#thumbs3").click(function() {
			$('.images').hide();
			$('#images8').show();
			$('#slidingImages8').hide();
			$('.circles').hide();
			$('#mainImage8').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs3').css({ opacity: 1 });	
			
			});

	$("#thumbs4").click(function() {
			$('.images').hide();
			$('#images9').show();
			$('#slidingImages9').hide();
			$('.circles').hide();
			$('#mainImage9').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs4').css({ opacity: 1 });
	});
	
	$("#thumbs5").click(function() {
			$('.images').hide();
			$('#images2').show();
			$('#slidingImages2').hide();
			$('.circles').hide();
			$('#mainImage2').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs5').css({ opacity: 1 });
	});
	
	$("#thumbs6").click(function() {
			$('.images').hide();
			$('#images3').show();
			$('#slidingImages3').hide();
			$('.circles').hide();
			$('#mainImage3').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs6').css({ opacity: 1 });
	});
	
	$("#thumbs7").click(function() {
			$('.images').hide();
			$('#images4').show();
			$('#slidingImages4').hide();
			$('.circles').hide();
			$('#mainImage4').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs7').css({ opacity: 1 });
	});
	
	$("#thumbs8").click(function() {
			$('.images').hide();
			$('#images6').show();
			$('#slidingImages6').hide();
			$('.circles').hide();
			$('#mainImage6').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs8').css({ opacity: 1 });

	});
	
	$("#thumbs9").click(function() {
			$('.images').hide();
			$('#images7').show();
			$('#slidingImages7').hide();
			$('.circles').hide();
			$('#mainImage7').show();
			$('.back').hide();
			$('.more').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs9').css({ opacity: 1 });	
			
			});
	
	
	$(".circle1").click(function() {
		    $('.img2').hide();
		    $('.img3').hide();
		    $('.img4').hide();
			$('.img1').show();
			$('.circle1').css({ opacity: 0.5 });
			$('.circle2').css({ opacity: 1 });
			$('.circle3').css({ opacity: 1 });
			$('.circle4').css({ opacity: 1 });	
			
	});
	
	$(".circle2").click(function() {
			$('.img2').hide();
		    $('.img3').hide();
		    $('.img4').hide();
			$('.img2').show();
			$('.circle2').css({ opacity: 0.5 });
			$('.circle1').css({ opacity: 1 });
			$('.circle3').css({ opacity: 1 });
			$('.circle4').css({ opacity: 1 });

	});


	$(".circle3").click(function() {
			$('.img2').hide();
		    $('.img3').hide();
		    $('.img4').hide();
			$('.img3').show();
			$('.circle3').css({ opacity: 0.5 });
			$('.circle2').css({ opacity: 1 });
			$('.circle1').css({ opacity: 1 });
			$('.circle4').css({ opacity: 1 });

	});
	
	$(".circle4").click(function() {
			$('.img2').hide();
		    $('.img3').hide();
		    $('.img1').hide();
			$('.img4').show();
			$('.circle4').css({ opacity: 0.5 });
			$('.circle2').css({ opacity: 1 });
			$('.circle3').css({ opacity: 1 });
			$('.circle1').css({ opacity: 1 });

	});


});

function ChatTime() {

	$('.images').hide();
	$('#thumbs').hide();
	
	$(".workTime").click(function() {
				$("#navList").hide();
				
				var navagation = $('<ul id="navList">'+
			'<li><a href="index.html">HOME</a></li>'+
			'<li><a href="about.html">ABOUT</a></li>'+
			'<li class="state"><a href="work.html"><img src="images/workState.png"/></a></li>'+
			'<li><a href="contact.html">CONTACT</a></li>'+
			'</ul>');
			
			$('#nav').append(navagation);
			});
	
	
	$("#what1").click(function(){
		
    		$('#imageGallery').hide();
    		$('.images').hide();
			$('#images9').show();
			$('#slidingImages9').hide();
			$('.circles').hide();
			$('#mainImage9').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs4').css({ opacity: 1 });
	});
	
	$("#what2").click(function(){
     $('#imageGallery').hide();
     $('.images').hide();
	 $('#images8').show();
	 $('#slidingImages8').hide();
	 $('.circles').hide();
	 $('#mainImage8').show();
	 $('.back').hide();
	 $('.more').show();	
	 $('#thumbs').show();
	 $('.thumbs').css({ opacity: 0.5 });
	 $('#thumbs3').css({ opacity: 1 });
    
	});
	
	$("#what3").click(function(){
		
     		$('#imageGallery').hide();
    		$('.images').hide();
			$('#images1').show();
			$('#slidingImages1').hide();
			$('.circles').hide();
			$('#mainImage1').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs2').css({ opacity: 1 });
	});
	
	$("#what4").click(function(){
		
    		$('#imageGallery').hide();
    		$('.images').hide();
			$('#images3').show();
			$('#slidingImages3').hide();
			$('.circles').hide();
			$('#mainImage3').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs6').css({ opacity: 1 });
  	});
	
	$("#what5").click(function(){
		
			$('#imageGallery').hide();
     		$('.images').hide();
			$('#images4').show();
			$('#slidingImages4').hide();
			$('.circles').hide();
			$('#mainImage4').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show(); 
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs7').css({ opacity: 1 });
	
	});
	
	$("#what6").click(function(){
		
			$('#imageGallery').hide();
     		$('.images').hide();
			$('#images2').show();
			$('#slidingImages2').hide();
			$('.circles').hide();
			$('#mainImage2').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs5').css({ opacity: 1 });
	});
	
	$("#what7").click(function(){
		
			$('#imageGallery').hide();
     		$('.images').hide();
			$('#images7').show();
			$('#slidingImages7').hide();
			$('.circles').hide();
			$('#mainImage7').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show(); 
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs9').css({ opacity: 1 });
	});
	
	$("#what8").click(function(){
			
			$('#imageGallery').hide();
     		$('.images').hide();
			$('#images6').show();
			$('#slidingImages6').hide();
			$('.circles').hide();
			$('#mainImage6').show();
			$('.back').hide();
			$('.more').show();
			$('#thumbs').show();
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs8').css({ opacity: 1 }); 
	});
	
	$("#what9").click(function(){
		
     		$('#imageGallery').hide();
    		$('.images').hide();
			$('#images5').show();
			$('#slidingImages5').hide();
			$('.circles').hide();
			$('#mainImage5').show();
			$('.back').hide();
			$('.more').show(); 
			$('#thumbs').show();		
			$('.thumbs').css({ opacity: 0.5 });
			$('#thumbs1').css({ opacity: 1 }); 
	});

}