// JavaScript Document For The Enhancement Paperclipped Tab Feature
//Start on page load
$(document).ready(function(){
	$('#main-nav li').css("cursor", "pointer");	//To make the "tabs" appear as links
	$('#1111,#2222,#3333,#4444').hide();		//Hide all the secondary curves on left
	$('.next-button').css("cursor", "pointer");
	$('#a0').click(function(){					//start click function for company
		$('#a0').removeClass("switch0");		//remove regular state class 
		$('#a0').addClass("switch00");			//add current state class
		
		$('#aa').removeClass("switch01");		//remove current state Class
		$('#aa').addClass("switch1");			//add regular state class
		
		$('#a2').removeClass("switch02");		//remove current state Class
		$('#a2').addClass("switch2");			//add regular state class
		
		$('#a3').removeClass("switch03");		//remove current state Class
		$('#a3').addClass("switch3");			//add regular state class

		$('#a4').removeClass("switch04");		//remove current state Class
		$('#a4').addClass("switch4");			//add regular state class
		
		$('#a0').removeClass("switch0");		//remove regular state class
		$('#a0').addClass("switch00");			//add current state class
		
		$('#1111').hide();						//hide current state spacer
		$('#111').show();						//show regular state spacer
	
		$('#2222').hide();						//hide current state spacer
		$('#222').show();						//show regular state spacer
	
		$('#3333').hide();						//hide current state spacer
		$('#333').show();						//show regular state spacer
	
		$('#4444').hide();						//hide current state spacer
		$('#444').show();						//show regular state spacer
					
					});

	$('#aa, #next-services').click(function() {							
		$('#a0').removeClass("switch00");
		$('#a0').addClass("switch0");
		
		$('#aa').removeClass("switch1");
		$('#aa').addClass("switch01");

		
		$('#a2').removeClass("switch02");
		$('#a2').addClass("switch2");
		
		$('#a3').removeClass("switch03");
		$('#a3').addClass("switch3");

		$('#a4').removeClass("switch04");
		$('#a4').addClass("switch4");		
		
		$('#aa').removeClass("switch1");
		$('#aa').addClass("switch01");
		
		$('#1111').hide();
		$('#111').show();
	
		$('#2222').hide();
		$('#222').show();
	
		$('#3333').hide();
		$('#333').show();
	
		$('#4444').hide();
		$('#444').show();						
			
		$('#111').hide();						//hide regular state spacer
		$('#1111').show();						//show current state spacer
					});
	
	$('#a2, #next-packages').click(function(){

		$('#a0').removeClass("switch00");
		$('#a0').addClass("switch0");
		
		$('#aa').removeClass("switch01");		
		$('#aa').addClass("switch1");
		
		$('#a2').removeClass("switch02");
		$('#a2').addClass("switch2");
		
		$('#a3').removeClass("switch03");
		$('#a3').addClass("switch3");

		$('#a4').removeClass("switch04");
		$('#a4').addClass("switch4");		

							
		$('#a2').removeClass("switch2");
		$('#a2').addClass("switch02");
					
		$('#1111').hide();
		$('#111').show();
	
		$('#2222').hide();
		$('#222').show();
	
		$('#3333').hide();
		$('#333').show();
	
		$('#4444').hide();
		$('#444').show();
		
		$('#222').hide();
		$('#2222').show();
					});
	$('#a3, #next-projects').click(function(){

		$('#a0').removeClass("switch00");
		$('#a0').addClass("switch0");
		
		$('#aa').removeClass("switch01");		
		$('#aa').addClass("switch1");
		
		$('#a2').removeClass("switch02");
		$('#a2').addClass("switch2");
		
		$('#a3').removeClass("switch03");
		$('#a3').addClass("switch3");

		$('#a4').removeClass("switch04");
		$('#a4').addClass("switch4");		

		$('#a3').removeClass("switch3");
		$('#a3').addClass("switch03");
		
		$('#1111').hide();
		$('#111').show();
	
		$('#2222').hide();
		$('#222').show();
	
		$('#3333').hide();
		$('#333').show();
	
		$('#4444').hide();
		$('#444').show();					
		
		$('#333').hide();
		$('#3333').show();
					});
	$('#a4, #ca, #next-contact').click(function(){
	
		$('#a0').removeClass("switch00");
		$('#a0').addClass("switch0");
		
		$('#aa').removeClass("switch01");		
		$('#aa').addClass("switch1");
		
		$('#a2').removeClass("switch02");
		$('#a2').addClass("switch2");
		
		$('#a3').removeClass("switch03");
		$('#a3').addClass("switch3");

		$('#a4').removeClass("switch04");
		$('#a4').addClass("switch4");		

		$('#a4').removeClass("switch4");
		$('#a4').addClass("switch04");
		
		$('#1111').hide();
		$('#111').show();
	
		$('#2222').hide();
		$('#222').show();
	
		$('#3333').hide();
		$('#333').show();
	
		$('#4444').hide();
		$('#444').show();
		
		$('#444').hide();
		$('#4444').show();
		
					
					});
				   
			});