$('html').addClass('js');
$(document).ready(function(){
	$('#myslides').cycle({
		fx: 'fade',
		speed: 2000
	});



	$('#about_tab').hover(function() {
		$('#about_arrow'). show(function() {
		$('#about_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#about_arrow'). animate({left:'198px'}, 500, function() {
		$('#about_arrow'). hide(); });
		}
	);



	$('#profile_tab').hover(function() {
		$('#profile_arrow'). show(function() {
		$('#profile_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#profile_arrow'). animate({left:'198px'}, 500, function() {
		$('#profile_arrow'). hide(); });
		}
	);



	$('#news_tab').hover(function() {
		$('#news_arrow'). show(function() {
		$('#news_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#news_arrow'). animate({left:'198px'}, 500, function() {
		$('#news_arrow'). hide(); });
		}
	);



	$('#services_tab').hover(function() {
		$('#services_arrow'). show(function() {
		$('#services_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#services_arrow'). animate({left:'198px'}, 500, function() {
		$('#services_arrow'). hide(); });
		}
	);



	$('#people_tab').hover(function() {
		$('#people_arrow'). show(function() {
		$('#people_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#people_arrow'). animate({left:'198px'}, 500, function() {
		$('#people_arrow'). hide(); });
		}
	);



	$('#projects_tab').hover(function() {
		$('#projects_arrow'). show(function() {
		$('#projects_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#projects_arrow'). animate({left:'198px'}, 500, function() {
		$('#projects_arrow'). hide(); });
		}
	);



	$('#contact_tab').hover(function() {
		$('#contact_arrow'). show(function() {
		$('#contact_arrow'). animate({left:'209px'}, 500); });
		},
		function() {
		$('#contact_arrow'). animate({left:'198px'}, 500, function() {
		$('#contact_arrow'). hide(); });
		}
	);




//what happens when about is clicked


	$('#about_tab').click(function(evt) {
		$('#about_arrow'). animate({left:'198px'}, 500, function() { 
		$('#bottom_tab') .hide();
		$('#myslides'). fadeIn(1500);		
		$('#bottom_tab') .animate({top:'337px'}, 900);	
		$('#line') .animate({top:'250px'}, 900);
		$('#triangle') .animate({top:'254px'}, 900);
		$('#about_tab') .animate({top:'337px'}, 900);
		$('#about_arrow') .animate({top:'337px'}, 900);
		$('#profile_tab') .animate({top:'362px'}, 900);
		$('#profile_arrow') .animate({top:'362px'}, 900);
		$('#news_tab') .animate({top:'387px'}, 900);
		$('#news_arrow') .animate({top:'387px'}, 900);
		$('#services_tab') .animate({top:'412px'}, 900);
		$('#services_arrow') .animate({top:'412px'}, 900);
		$('#people_tab') .animate({top:'437px'}, 900);
		$('#people_arrow') .animate({top:'437px'}, 900);
		$('#projects_tab') .animate({top:'462px'}, 900);
		$('#projects_arrow') .animate({top:'462px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#first_logo') .fadeIn(300);
		$('#main_logo') .fadeOut(300);
		$('#profile_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeIn(2000);
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#popup_menu').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
										 });
																																										
		evt.preventDefault();
		});



//what happens when when profile is clicked

	$('#profile_tab').click(function(evt) {
		$('#profile_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'25px'}, 900);
		$('#triangle') .animate({top:'25px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'387px'}, 900);
		$('#news_arrow') .animate({top:'387px'}, 900);
		$('#services_tab') .animate({top:'412px'}, 900);
		$('#services_arrow') .animate({top:'412px'}, 900);
		$('#people_tab') .animate({top:'437px'}, 900);
		$('#people_arrow') .animate({top:'437px'}, 900);
		$('#projects_tab') .animate({top:'462px'}, 900);
		$('#projects_arrow') .animate({top:'462px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#first_logo') .fadeOut(300);
		$('#main_logo') .fadeIn(300);
		$('#profile_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeOut(100);
		$('#profile_main').fadeIn(2000);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#popup_menu').fadeOut(100);		
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
										   });
		evt.preventDefault();
		});


//what happens when when news is clicked

	$('#news_tab').click(function(evt) {
		$('#news_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'50px'}, 900);
		$('#triangle') .animate({top:'50px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'138px'}, 900);
		$('#news_arrow') .animate({top:'138px'}, 900);
		$('#services_tab') .animate({top:'412px'}, 900);
		$('#services_arrow') .animate({top:'412px'}, 900);
		$('#people_tab') .animate({top:'437px'}, 900);
		$('#people_arrow') .animate({top:'437px'}, 900);
		$('#projects_tab') .animate({top:'462px'}, 900);
		$('#projects_arrow') .animate({top:'462px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#main_logo') .fadeIn(300);
		$('#first_logo') .fadeOut(300);
		$('#news_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#profile_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeOut(100);
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeIn(2000);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#popup_menu').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
										});
		evt.preventDefault();
		});


//what happens when when services is clicked

	$('#services_tab').click(function(evt) {
		$('#services_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'75px'}, 900);
		$('#triangle') .animate({top:'75px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'138px'}, 900);
		$('#news_arrow') .animate({top:'138px'}, 900);
		$('#services_tab') .animate({top:'163px'}, 900);
		$('#services_arrow') .animate({top:'163px'}, 900);
		$('#people_tab') .animate({top:'437px'}, 900);
		$('#people_arrow') .animate({top:'437px'}, 900);
		$('#projects_tab') .animate({top:'462px'}, 900);
		$('#projects_arrow') .animate({top:'462px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#main_logo') .fadeIn(300);
		$('#first_logo') .fadeOut(300);
		$('#services_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#profile_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeOut(100);		
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeIn(2000);
		$('#services_menu').fadeIn(2000);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#popup_menu').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
												});
		evt.preventDefault();
		});


//what happens when when people is clicked

	$('#people_tab').click(function(evt) {
		$('#people_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'100px'}, 900);
		$('#triangle') .animate({top:'100px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'138px'}, 900);
		$('#news_arrow') .animate({top:'138px'}, 900);
		$('#services_tab') .animate({top:'163px'}, 900);
		$('#services_arrow') .animate({top:'163px'}, 900);
		$('#people_tab') .animate({top:'188px'}, 900);
		$('#people_arrow') .animate({top:'188px'}, 900);
		$('#projects_tab') .animate({top:'462px'}, 900);
		$('#projects_arrow') .animate({top:'462px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#main_logo') .fadeIn(300);
		$('#first_logo') .fadeOut(300);
		$('#people_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#profile_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeOut(100);
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeIn(600);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
											  });
		evt.preventDefault();
		});


//what happens when when projects is clicked

	$('#projects_tab').click(function(evt) {
		$('#projects_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'125px'}, 900);
		$('#triangle') .animate({top:'125px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'138px'}, 900);
		$('#news_arrow') .animate({top:'138px'}, 900);
		$('#services_tab') .animate({top:'163px'}, 900);
		$('#services_arrow') .animate({top:'163px'}, 900);
		$('#people_tab') .animate({top:'188px'}, 900);
		$('#people_arrow') .animate({top:'188px'}, 900);
		$('#projects_tab') .animate({top:'213px'}, 900);
		$('#projects_arrow') .animate({top:'213px'}, 900);
		$('#contact_tab') .animate({top:'487px'}, 900);
		$('#contact_arrow') .animate({top:'487px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#main_logo') .fadeIn(300);
		$('#first_logo') .fadeOut(300);
		$('#projects_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#profile_image').fadeOut(100);
		$('#contact_image').fadeOut(100);
		$('#about_main').fadeOut(100);
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#popup_menu').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeIn(700);
		$('#contact_main').fadeOut(100);
		$('#popup_email').fadeOut(100);
												});
		evt.preventDefault();
		});


//what happens when contact is clicked...

	$('#contact_tab').click(function(evt) {
		$('#contact_arrow'). animate({left:'198px'}, 500, function() {
		$('#myslides'). fadeOut(900);
		$('#bottom_tab') .show();
		$('#line') .animate({top:'150px'}, 900);
		$('#triangle') .animate({top:'150px'}, 900);
		$('#about_tab') .animate({top:'88px'}, 900);
		$('#about_arrow') .animate({top:'88px'}, 900);
		$('#profile_tab') .animate({top:'113px'}, 900);
		$('#profile_arrow') .animate({top:'113px'}, 900);
		$('#news_tab') .animate({top:'138px'}, 900);
		$('#news_arrow') .animate({top:'138px'}, 900);
		$('#services_tab') .animate({top:'163px'}, 900);
		$('#services_arrow') .animate({top:'163px'}, 900);
		$('#people_tab') .animate({top:'188px'}, 900);
		$('#people_arrow') .animate({top:'188px'}, 900);
		$('#projects_tab') .animate({top:'213px'}, 900);
		$('#projects_arrow') .animate({top:'213px'}, 900);
		$('#contact_tab') .animate({top:'238px'}, 900);
		$('#contact_arrow') .animate({top:'238px'}, 900);
		$('#bottom_tab') .animate({top:'88px'}, 900);
		$('#main_logo') .fadeIn(300);
		$('#first_logo') .fadeOut(300);
		$('#contact_image').fadeIn(2000);
		$('#about_image').fadeOut(100);
		$('#news_image').fadeOut(100);
		$('#services_image').fadeOut(100);
		$('#people_image').fadeOut(100);
		$('#projects_image').fadeOut(100);
		$('#profile_image').fadeOut(100);
		$('#about_main').fadeOut(100);
		$('#profile_main').fadeOut(100);
		$('#news_main').fadeOut(100);
		$('#services_main').fadeOut(100);
		$('#services_menu').fadeOut(100);
		$('#popup_service').fadeOut(100);
		$('#people_main').fadeOut(100);
		$('#contact_main').fadeIn(2000);
		$('#popup_contact').fadeOut(100);
		$('#popup_menu').fadeOut(100);
		$('#popup_menu2').fadeOut(100);
		$('#popup_people').fadeOut(100);
		$('#popup_careers').fadeOut(100);
		$('#projects_menu').fadeOut(100);
		$('#popup_projects').fadeOut(100);
											   });
		evt.preventDefault();
		});





});