$(document).ready(function(){



//makes entire icon divs clickable
	//$(".web-feature-icons").click(function(){
	//  window.location=$(this).find("a").attr("href"); return false;
	//});
	


//WEB SERVICE BOX hides
$("#inside-list").css("display", "none");
$("#content-management").css("display", "none");
$("#site-stats").css("display", "none");
$("#compatible").css("display", "none");
$("#ecommerce").css("display", "none");


//PRINT SERVICE BOX hides
$("#creative-concepts-list").css("display", "none");
$("#pro-photo-list").css("display", "none");
$("#print-services-box").hide();
$("#one").addClass('active');
$("#p-one").addClass('active');




//switch between web work, print work and branding work

	$(".print-work-btn").click(function() {
	  $("#web-services-box").animate({opacity: "hide"}, 1200);
	  $("#print-services-box").animate({opacity: "show"}, 1200);

	});
	
	
	$(".web-work-btn").click(function() {
	  $("#print-services-box").animate({opacity: "hide"}, 1200);
	  $("#web-services-box").animate({opacity: "show"}, 1200);

	});





//icon switching for WEB SERVICES BOX


$(".aesthetics").click(function(){
			$("#aesthetics-list").animate({opacity: "show"}, 1000);
			$("#site-stats").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "hide"}, 1000);
			$("#ecommerce").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "hide"}, 1000);
			$("#content-management").animate({opacity: "hide"}, 1000);
			$("#one").addClass('active');
			$("#two").removeClass('active');
			$("#three").removeClass('active');
			$("#four").removeClass('active');
			$("#five").removeClass('active');
			$("#six").removeClass('active');
			return false;				  
	});




$(".inside").click(function(){
			$("#aesthetics-list").animate({opacity: "hide"}, 1000);
			$("#content-management").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "show"}, 1000);
			$("#site-stats").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "hide"}, 1000);
			$("#ecommerce").animate({opacity: "hide"}, 1000);
			$("#one").removeClass('active');
			$("#two").addClass('active');
			$("#three").removeClass('active');
			$("#four").removeClass('active');
			$("#five").removeClass('active');
			$("#six").removeClass('active');
			return false;				  
	});


$(".cms").click(function(){
			$("#aesthetics-list").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "hide"}, 1000);
			$("#site-stats").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "hide"}, 1000);
			$("#ecommerce").animate({opacity: "hide"}, 1000);
			$("#content-management").animate({opacity: "show"}, 1000);
			$("#one").removeClass('active');
			$("#two").removeClass('active');
			$("#three").addClass('active');
			$("#four").removeClass('active');
			$("#five").removeClass('active');
			$("#six").removeClass('active');
			return false;				  
	});


$(".site-stats").click(function(){
			$("#aesthetics-list").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "hide"}, 1000);
			$("#site-stats").animate({opacity: "show"}, 1000);
			$("#content-management").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "hide"}, 1000);
			$("#ecommerce").animate({opacity: "hide"}, 1000);
			$("#one").removeClass('active');
			$("#two").removeClass('active');
			$("#three").removeClass('active');
			$("#four").addClass('active');
			$("#five").removeClass('active');
			$("#six").removeClass('active');
			return false;				  
	});
	


$(".compatible").click(function(){
			$("#aesthetics-list").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "hide"}, 1000);
			$("#site-stats").animate({opacity: "hide"}, 1000);
			$("#content-management").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "show"}, 1000);
			$("#ecommerce").animate({opacity: "hide"}, 1000);
			$("#one").removeClass('active');
			$("#two").removeClass('active');
			$("#three").removeClass('active');
			$("#four").removeClass('active');
			$("#five").addClass('active');
			$("#six").removeClass('active');
			return false;				  
	});
	

$(".ecommerce").click(function(){
			$("#aesthetics-list").animate({opacity: "hide"}, 1000);
			$("#inside-list").animate({opacity: "hide"}, 1000);
			$("#site-stats").animate({opacity: "hide"}, 1000);
			$("#content-management").animate({opacity: "hide"}, 1000);
			$("#compatible").animate({opacity: "hide"}, 1000);
			$("#ecommerce").animate({opacity: "show"}, 1000);
			$("#one").removeClass('active');
			$("#two").removeClass('active');
			$("#three").removeClass('active');
			$("#four").removeClass('active');
			$("#five").removeClass('active');
			$("#six").addClass('active');
			return false;					  
	});	

				









//icon switching for PRINT SERVICES BOX


$(".graphic-design").click(function(){
			$("#graphic-design-list").animate({opacity: "show"}, 1000);
			$("#creative-concepts-list").animate({opacity: "hide"}, 1000);
			$("#pro-photo-list").animate({opacity: "hide"}, 1000);
			$("#p-one").addClass('active');
			$("#p-two").removeClass('active');
			$("#p-three").removeClass('active');
			return false;				  
	});




$(".creative-concepts").click(function(){
			$("#creative-concepts-list").animate({opacity: "show"}, 1000);
			$("#graphic-design-list").animate({opacity: "hide"}, 1000);
			$("#pro-photo-list").animate({opacity: "hide"}, 1000);
			$("#p-two").addClass('active');
			$("#p-one").removeClass('active');
			$("#p-three").removeClass('active');
			return false;				  
	});


$(".pro-photo").click(function(){
			$("#pro-photo-list").animate({opacity: "show"}, 1000);
			$("#graphic-design-list").animate({opacity: "hide"}, 1000);
			$("#creative-concepts-list").animate({opacity: "hide"}, 1000);
			$("#p-three").addClass('active');
			$("#p-one").removeClass('active');
			$("#p-two").removeClass('active');
			return false;				  
	});
				
				
				
				
				
				
				
				
				
	});