$(document).ready(function(){
	new jqAccordion({
    	trigger: "mouseover",
    	animation: "slide",
    	bodyHeight: "",
    	container: "#accordion",
    	item: "div.item",
    	header: "h2 a",
    	body: "div.body"
	});		
	
	new jqAccordion({
    	trigger: "mouseover",
    	animation: "slide",
    	bodyHeight: "",
    	container: "#accordionportfolio",
    	item: "div.item",
    	header: "h2 a",
    	body: "div.body"
	});	
	
	new jqAccordion({
    	trigger: "mouseover",
    	animation: "slide",
    	bodyHeight: "",
    	container: "#accordionprint",
    	item: "div.item",
    	header: "h2 a",
    	body: "div.body"
	});	
	
	new jqAccordion({
    	trigger: "mouseover",
    	animation: "slide",
    	bodyHeight: "",
    	container: "#accordionbrand",
    	item: "div.item",
    	header: "h2 a",
    	body: "div.body"
	});	
	
	
	
	
	$(".inpt").focus(function(){
		$(this).css({'background-color' : '#666', 'color':'#fff'});
	});
	
	$(".inpt").blur(function(){
		$(this).css({'background-color' : '#3A3A3A', 'color':'#999'});
	});
	
	$(".inpttextarea").focus(function(){
		$(this).css({'background-color' : '#666', 'color':'#fff'});
	});
	
	$(".inpttextarea").blur(function(){
		$(this).css({'background-color' : '#3A3A3A', 'color':'#999'});
	});
							 
	$(".sendBtn").mouseover(function(){
      $(this).css("background","#666");
    });
	
	$(".sendBtn").mouseout(function(){
      $(this).css("background","#333");
    });

	
	var url;
	var page;
	var active;
	var deactive;
	var menulink;
	
	url='home';
	active='active';
	// ____________HOME_____________	
		$("#home").click(function(){
			  
		   
		   	if(url=='about') {
				page='#aboutContent';
				menulink='#home';
				demenulink='#about';
				active='active';
				deactive='active1';
				//---
			} else if (url=='portfolio') {
				page='#portfolioContent';
				menulink='#home';
				demenulink='#portfolio';
				active='active';
				deactive='active2';
				//---
			} else if (url=='pt1') {
				page='#pt1Content';
				menulink='#home';
				demenulink='#pt1';
				active='active';
				deactive='active2a1';
				//---
			} else if (url=='pt2') {
				page='#pt2Content';
				menulink='#home';
				demenulink='#pt2';
				active='active';
				deactive='active2a2';
				//---
			} else if (url=='pt3') {
				menulink='#home';
				demenulink='#pt3';
				page='#pt3Content';
				active='active';
				deactive='active2a3';
				//---
			} else if (url=='services') {
				page='#servicesContent';
				menulink='#home';
				demenulink='#services';
				active='active';
				deactive='active3';
				//---
			} else if (url=='sc1') {
				page='#sc1Content';
				menulink='#home';
				demenulink='#sc1';
				active='active';
				deactive='active3a1';
				//---
			} else if (url=='sc2') {
				page='#sc2Content';
				menulink='#home';
				demenulink='#sc2';
				active='active';
				deactive='active3a2';
				//---
			} else if (url=='sc3') {
				page='#sc3Content';
				menulink='#home';
				demenulink='#sc3';
				active='active';
				deactive='active3a3';
				//---
			} else if (url=='contact') {
				page='#contactContent';
				menulink='#home';
				demenulink='#contact';
				active='active';
				deactive='active4';
			} else if (url=='print') {
				page='#PrintContent';
				menulink='#home';
				demenulink='#portfolio';
				active='active';
				deactive='active2';
			} else if (url=='print') {
				page='#PrintContent';
				menulink='#home';
				demenulink='#portfolio';
				active='active';
				deactive='active2';
			} else if (url=='brand') {
				page='#BrandContent';
				menulink='#home';
				demenulink='#portfolio';
				active='active';
				deactive='active2';
			}

		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $(menulink).addClass(active); 
			  $(demenulink).removeClass(deactive);
			  $("#content").fadeIn("1500");	
			  $(this).dequeue();
      		 });
	  
			  url='home';
		
		});
	
	// ____________ABOUT___________	
		$("#about").click(function(){
			  
		   
		   	if(url=='home') {
				page='#content';
				menulink='#about';
				demenulink='#home';
				active='active1';
				deactive='active';
				//---
			} else if (url=='portfolio') {
				page='#portfolioContent';
				menulink='#about';
				demenulink='#portfolio';
				active='active1';
				deactive='active2';
				//---
			} else if (url=='pt1') {
				page='#pt1Content';
				menulink='#about';
				demenulink='#pt1';
				active='active1';
				deactive='active2a1';
				//---
			} else if (url=='pt2') {
				page='#pt2Content';
				menulink='#about';
				demenulink='#pt2';
				active='active1';
				deactive='active2a2';
				//---
			} else if (url=='pt3') {
				menulink='#about';
				demenulink='#pt3';
				page='#pt3Content';
				active='active1';
				deactive='active2a3';
				//---
			} else if (url=='services') {
				page='#servicesContent';
				menulink='#about';
				demenulink='#services';
				active='active1';
				deactive='active3';
				//---
			} else if (url=='sc1') {
				page='#sc1Content';
				menulink='#about';
				demenulink='#sc1';
				active='active1';
				deactive='active3a1';
				//---
			} else if (url=='sc2') {
				page='#sc2Content';
				menulink='#about';
				demenulink='#sc2';
				active='active1';
				deactive='active3a2';
				//---
			} else if (url=='sc3') {
				page='#sc3Content';
				menulink='#about';
				demenulink='#sc3';
				active='active1';
				deactive='active3a3';
				//---
			} else if (url=='contact') {
				page='#contactContent';
				menulink='#about';
				demenulink='#contact';
				active='active1';
				deactive='active4';
			} else if (url=='print') {
				page='#PrintContent';
				menulink='#about';
				demenulink='#portfolio';
				active='active1';
				deactive='active2';
			} else if (url=='brand') {
				page='#BrandContent';
				menulink='#about';
				demenulink='#portfolio';
				active='active1';
				deactive='active2';
			}
			
			

		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $(menulink).addClass(active); 
			  $(demenulink).removeClass(deactive);
			  $("#aboutContent").fadeIn("1500");	
			  $(this).dequeue();
      		 });
	  
			  url='about';
		
		});
		
		// __________PORTFOLIO_________	
		$("#portfolio").click(function(){
			  
		   
		   	if(url=='home') {
				page='#content';
				menulink='#portfolio';
				demenulink='#home';
				active='active2';
				deactive='active';
				//---
			} else if (url=='about') {
				page='#aboutContent';
				menulink='#portfolio';
				demenulink='#about';
				active='active2';
				deactive='active1';
				//---
			} else if (url=='pt1') {
				page='#pt1Content';
				menulink='#portfolio';
				demenulink='#pt1';
				active='active2';
				deactive='active2a1';
				//---
			} else if (url=='pt2') {
				page='#pt2Content';
				menulink='#portfolio';
				demenulink='#pt2';
				active='active2';
				deactive='active2a2';
				//---
			} else if (url=='pt3') {
				menulink='#portfolio';
				demenulink='#pt3';
				page='#pt3Content';
				active='active2';
				deactive='active2a3';
				//---
			} else if (url=='services') {
				page='#servicesContent';
				menulink='#portfolio';
				demenulink='#services';
				active='active2';
				deactive='active3';
				//---
			} else if (url=='sc1') {
				page='#sc1Content';
				menulink='#portfolio';
				demenulink='#sc1';
				active='active2';
				deactive='active3a1';
				//---
			} else if (url=='sc2') {
				page='#sc2Content';
				menulink='#portfolio';
				demenulink='#sc2';
				active='active2';
				deactive='active3a2';
				//---
			} else if (url=='sc3') {
				page='#sc3Content';
				menulink='#portfolio';
				demenulink='#sc3';
				active='active2';
				deactive='active3a3';
				//---
			} else if (url=='contact') {
				page='#contactContent';
				menulink='#portfolio';
				demenulink='#contact';
				active='active2';
				deactive='active4';
			}

		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $(menulink).addClass(active); 
			  $(demenulink).removeClass(deactive);
			  $("#portfolioContent").fadeIn("1500");
			  $(".print").removeClass("active");
			  $(".brand").removeClass("active");
			  $(".website").addClass("active");
				$("#ap1").click(function(){
					$("#ap1").addClass("wactive");
					$("#ap2").removeClass("wactive");
					$("#p2").fadeOut(1000);
					$("#p2").queue(function(){
						$("#p1").fadeIn(1000);
					$(this).dequeue();
					});
				});
				
				$("#ap2").click(function(){
					$("#ap2").addClass("wactive");
					$("#ap1").removeClass("wactive");
					$("#p1").fadeOut(1000);
					$("#p1").queue(function(){
						$("#p2").fadeIn(1000);
						
					$(this).dequeue();
					});
				});
				 
			  $(this).dequeue();
      		 });
			  url='portfolio';
		
		});
		
		// __________PRINT_________	
		$(".print").click(function(){
			  
		   
		   	if (url=='portfolio') {
				page='#portfolioContent';
			} else if (url=='brand') {
				page='#BrandContent';
			}
			
		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $("#PrintContent").fadeIn("1500");
			  $(".print").addClass("active");
			  $(".website").removeClass("active");
			  $(".brand").removeClass("active");
			  $(this).dequeue();
      		 });
			 
			 url='print';
		
		});
		
		
		// __________BRAND_________	
		$(".brand").click(function(){
			  
		   
		   	if (url=='portfolio') {
				page='#portfolioContent';
			} else if (url=='print') {
				page='#PrintContent';
			} 
			
		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $("#BrandContent").fadeIn("1500");
			  $(".print").removeClass("active");
			  $(".website").removeClass("active");
			  $(".brand").addClass("active");
			  $(this).dequeue();
      		 });
			 
			 url='brand';
		
		});
		
		// __________website_________	
		$(".website").click(function(){
			  
		   
		   	if (url=='print') {
				page='#PrintContent';
			} else if (url=='brand') {
				page='#BrandContent';
			}
			
		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			 $(".print").removeClass("active");
			 $(".brand").removeClass("active");
			  $(".website").addClass("active");
			  $("#portfolioContent").fadeIn("1500");
			  $(this).dequeue();
      		 });
			 
			 url='portfolio';
		
		});
		
					
		
		// _________SERVICES________	
		$("#services").click(function(){
			  
		   
		   	if(url=='home') {
				page='#content';
				menulink='#services';
				demenulink='#home';
				active='active3';
				deactive='active';
				//---
			} else if (url=='portfolio') {
				page='#portfolioContent';
				menulink='#services';
				demenulink='#portfolio';
				active='active3';
				deactive='active2';
				//---
			} else if (url=='pt1') {
				page='#pt1Content';
				menulink='#services';
				demenulink='#pt1';
				active='active3';
				deactive='active2a1';
				//---
			} else if (url=='pt2') {
				page='#pt2Content';
				menulink='#services';
				demenulink='#pt2';
				active='active3';
				deactive='active2a2';
				//---
			} else if (url=='pt3') {
				menulink='#services';
				demenulink='#pt3';
				page='#pt3Content';
				active='active3';
				deactive='active2a3';
				//---
			} else if (url=='about') {
				page='#aboutContent';
				menulink='#services';
				demenulink='#about';
				active='active3';
				deactive='active1';
				//---
			} else if (url=='sc1') {
				page='#sc1Content';
				menulink='#services';
				demenulink='#sc1';
				active='active3';
				deactive='active3a1';
				//---
			} else if (url=='sc2') {
				page='#sc2Content';
				menulink='#services';
				demenulink='#sc2';
				active='active3';
				deactive='active3a2';
				//---
			} else if (url=='sc3') {
				page='#sc3Content';
				menulink='#services';
				demenulink='#sc3';
				active='active3';
				deactive='active3a3';
				//---
			} else if (url=='contact') {
				page='#contactContent';
				menulink='#services';
				demenulink='#contact';
				active='active3';
				deactive='active4';
			} else if (url=='print') {
				page='#PrintContent';
				menulink='#services';
				demenulink='#portfolio';
				active='active3';
				deactive='active2';
			} else if (url=='brand') {
				page='#BrandContent';
				menulink='#services';
				demenulink='#portfolio';
				active='active3';
				deactive='active2';
			}
			
			

		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $(menulink).addClass(active); 
			  $(demenulink).removeClass(deactive);
			  $("#servicesContent").fadeIn("1500");	
			  $(this).dequeue();
      		 });
	  
			  url='services';
		
		});
		
		// ___________CONTACT__________	
		$("#contact").click(function(){
			  
		   
		   	if(url=='home') {
				page='#content';
				menulink='#contact';
				demenulink='#home';
				active='active4';
				deactive='active';
				//---
			} else if (url=='portfolio') {
				page='#portfolioContent';
				menulink='#contact';
				demenulink='#portfolio';
				active='active4';
				deactive='active2';
				//---
			} else if (url=='pt1') {
				page='#pt1Content';
				menulink='#contact';
				demenulink='#pt1';
				active='active4';
				deactive='active2a1';
				//---
			} else if (url=='pt2') {
				page='#pt2Content';
				menulink='#contact';
				demenulink='#pt2';
				active='active4';
				deactive='active2a2';
				//---
			} else if (url=='pt3') {
				menulink='#contact';
				demenulink='#pt3';
				page='#pt3Content';
				active='active4';
				deactive='active2a3';
				//---
			} else if (url=='services') {
				page='#servicesContent';
				menulink='#contact';
				demenulink='#services';
				active='active4';
				deactive='active3';
				//---
			} else if (url=='sc1') {
				page='#sc1Content';
				menulink='#contact';
				demenulink='#sc1';
				active='active4';
				deactive='active3a1';
				//---
			} else if (url=='sc2') {
				page='#sc2Content';
				menulink='#contact';
				demenulink='#sc2';
				active='active4';
				deactive='active3a2';
				//---
			} else if (url=='sc3') {
				page='#sc3Content';
				menulink='#contact';
				demenulink='#sc3';
				active='active4';
				deactive='active3a3';
				//---
			} else if (url=='about') {
				page='#aboutContent';
				menulink='#contact';
				demenulink='#about';
				active='active4';
				deactive='active1';
			} else if (url=='print') {
				page='#PrintContent';
				menulink='#contact';
				demenulink='#portfolio';
				active='active4';
				deactive='active2';
			} else if (url=='brand') {
				page='#BrandContent';
				menulink='#contact';
				demenulink='#portfolio';
				active='active4';
				deactive='active2';
			}

		   	 $(page).fadeOut("1000");
		     $(page).queue(function () {
			  $(menulink).addClass(active); 
			  $(demenulink).removeClass(deactive);
			  $("#contactContent").fadeIn("1500");	
			  $(this).dequeue();
      		 });
	  
			  url='contact';
		
		});


	});