// JavaScript Document
$(function(){
	$('#te').click(function(){
		$('#te').attr('src', 'images/join_te.png');
		$('#pr').attr('src', 'images/join_pr.png');
		$('#ed').attr('src', 'images/join_ed.png');
		$('#sc').attr('src', 'images/join_sc.png');
		$('#yx').attr('src', 'images/join_yx.png');
	});
	
	$('#pr').click(function(){
		$('#te').attr('src', 'images/join_tea.png');
		$('#pr').attr('src', 'images/join_pra.png');
		$('#ed').attr('src', 'images/join_ed.png');
		$('#sc').attr('src', 'images/join_sc.png');
		$('#yx').attr('src', 'images/join_yx.png');
	});
	
	$('#ed').click(function(){
		$('#te').attr('src', 'images/join_tea.png');
		$('#pr').attr('src', 'images/join_pr.png');
		$('#ed').attr('src', 'images/join_eda.png');
		$('#sc').attr('src', 'images/join_sc.png');
		$('#yx').attr('src', 'images/join_yx.png');
	});
	
	$('#sc').click(function(){
		$('#te').attr('src', 'images/join_tea.png');
		$('#pr').attr('src', 'images/join_pr.png');
		$('#ed').attr('src', 'images/join_ed.png');
		$('#sc').attr('src', 'images/join_sca.png');
		$('#yx').attr('src', 'images/join_yx.png');
	});
	
	$('#yx').click(function(){
		$('#te').attr('src', 'images/join_tea.png');
		$('#pr').attr('src', 'images/join_pr.png');
		$('#ed').attr('src', 'images/join_ed.png');
		$('#sc').attr('src', 'images/join_sc.png');
		$('#yx').attr('src', 'images/join_yxa.png');
	});
	
	$('#home').click(function(){
		$('#home').attr('src', 'images/Home.jpg');
		$('#about').attr('src', 'images/about.jpg');
		$('#culture').attr('src', 'images/culture.jpg');
		$('#case').attr('src', 'images/case.jpg');
		$('#contact').attr('src', 'images/contact.jpg');
		$('#join').attr('src', 'images/join.jpg');
	});
	
	$('#about').click(function(){
		$('#home').attr('src', 'images/Homea.jpg');
		$('#about').attr('src', 'images/abouta.jpg');
		$('#culture').attr('src', 'images/culture.jpg');
		$('#case').attr('src', 'images/case.jpg');
		$('#contact').attr('src', 'images/contact.jpg');
		$('#join').attr('src', 'images/join.jpg');
	});
	
	$('#culture').click(function(){
		$('#home').attr('src', 'images/Homea.jpg');
		$('#about').attr('src', 'images/about.jpg');
		$('#culture').attr('src', 'images/culturea.jpg');
		$('#case').attr('src', 'images/case.jpg');
		$('#contact').attr('src', 'images/contact.jpg');
		$('#join').attr('src', 'images/join.jpg');
	});
	
	$('#case').click(function(){
		$('#home').attr('src', 'images/Homea.jpg');
		$('#about').attr('src', 'images/about.jpg');
		$('#culture').attr('src', 'images/culture.jpg');
		$('#case').attr('src', 'images/casea.jpg');
		$('#contact').attr('src', 'images/contact.jpg');
		$('#join').attr('src', 'images/join.jpg');
	});
	
	$('#contact').click(function(){
		$('#home').attr('src', 'images/Homea.jpg');
		$('#about').attr('src', 'images/about.jpg');
		$('#culture').attr('src', 'images/culture.jpg');
		$('#case').attr('src', 'images/case.jpg');
		$('#contact').attr('src', 'images/contacta.jpg');
		$('#join').attr('src', 'images/join.jpg');
	});
	
	$('#join').click(function(){
		$('#home').attr('src', 'images/Homea.jpg');
		$('#about').attr('src', 'images/about.jpg');
		$('#culture').attr('src', 'images/culture.jpg');
		$('#case').attr('src', 'images/case.jpg');
		$('#contact').attr('src', 'images/contact.jpg');
		$('#join').attr('src', 'images/joina.jpg');
	});
});
function change(n){
	var navFocus= n;
	if(n!=5 && n!=0){
		realHeight=$(".box>div").eq(navFocus).height();
	}else if(n==0){
		realHeight=570;
	}else{
		realHeight=580;
	}
	//alert(navFocus);
	$(".box").animate({
		left: '-970'*navFocus
	}, "normal",function(){
		$(".main").animate({
			height: realHeight
		}, "normal");
	});
}

function joinchange(n){

	 $(".join_r div").css('display', 'none');
	 if(n == 0){
		$('.manager').css('display', 'block');
	 }else if(n == 1){
		$('.product').css('display', 'block');
	 }else if(n == 2){
		$('.netedit').css('display', 'block');
	 }else if(n == 3){
		$('.mcommissioner').css('display', 'block');
	 }else if(n == 4){
		$('.marketing').css('display', 'block');
	 }

 }
 
 
