$(document).ready(function(){
  $('#nav li').addClass('horizontal');
  $('#nav .begin').hover(function(){
	$(this).removeClass('horizontal').addClass('big_begin').children('a').children('i').removeClass('ico-tweets').parent().children('div').removeClass('hidden');
  },function(){
	$(this).children('a').children('div').addClass('hidden').parent().children('i').addClass('ico-tweets').parent().parent().removeClass('big_begin').addClass('horizontal');
  });
  $('#nav .third').hover(function(){
	$(this).removeClass('horizontal').addClass('big_second').children('a').children('i').removeClass('ico-themes').parent().children('div').removeClass('hidden');
	$(this).next().next().next().addClass('fivestep');
  },function(){
	$(this).children('a').children('div').addClass('hidden').parent().children('i').addClass('ico-themes').parent().parent().removeClass('big_second').addClass('horizontal');
	$(this).next().next().next().removeClass('fivestep');
  });
  $('#nav .second').hover(function(){
	$(this).removeClass('horizontal').addClass('big_third').children('a').children('span').removeClass('ico-blog').addClass('hidden').parent().children('div').removeClass('hidden');
	$(this).prev().addClass('onestep');
  },function(){
	$(this).children('a').children('div').addClass('hidden').parent().children('span').removeClass('hidden').addClass('ico-blog').parent().parent().removeClass('big_third').addClass('horizontal');
	$(this).prev().removeClass('onestep');
  });
  $('#nav .fourth').hover(function(){
	$(this).addClass('big_fourth').removeClass('horizontal').children('a').children('i').removeClass('ico-works').parent().children('div').removeClass('hidden');
	$(this).next().addClass('stay');
	$(this).prev().addClass('twostep');
	$(this).prev().prev().addClass('onestep');
  },function(){
	$(this).children('a').children('div').addClass('hidden').parent().children('i').addClass('ico-works').parent().parent().addClass('horizontal').removeClass('big_fourth');
	$(this).next().removeClass('stay')
	$(this).prev().removeClass('twostep');
	$(this).prev().prev().removeClass('onestep');
  });
  $('#nav .end').hover(function(){
	$(this).removeClass('horizontal').addClass('big_end').children('a').children('span').removeClass('ico-about').addClass('hidden').parent().children('div').removeClass('hidden');
	$(this).prev().addClass('fourstep');
	$(this).prev().prev().addClass('threestep');
  },function(){
	$(this).prev().removeClass('fourstep');
	$(this).prev().prev().removeClass('threestep');
	$(this).children('a').children('div').addClass('hidden').parent().children('span').removeClass('hidden').addClass('ico-about').parent().parent().removeClass('big_end').addClass('horizontal');
  });
  
  $('#contact .contact_twitter_small').hover(function(){
	$(this).removeClass('contact_twitter_small').addClass('contact_twitter');
  },function(){
	$(this).removeClass('contact_twitter').addClass('contact_twitter_small');
  });
  $('#contact .contact_google_small').hover(function(){
	$(this).removeClass('contact_google_small').addClass('contact_google');
  },function(){
	$(this).removeClass('contact_google').addClass('contact_google_small');
  });
  $('#contact .contact_t_small').hover(function(){
	$(this).removeClass('contact_t_small').addClass('contact_t');
  },function(){
	$(this).removeClass('contact_t').addClass('contact_t_small');
  });
  $('#contact .contact_douban_small').hover(function(){
	$(this).removeClass('contact_douban_small').addClass('contact_douban');
	$(this).parent().prev().addClass('contact_onestep');
  },function(){
	$(this).removeClass('contact_douban').addClass('contact_douban_small');
	$(this).parent().prev().removeClass('contact_onestep');
  });
  $('#contact .contact_yupoo_small').hover(function(){
	$(this).removeClass('contact_yupoo_small').addClass('contact_yupoo');
	$(this).parent().prev().addClass('contact_twostep');
  },function(){
	$(this).removeClass('contact_yupoo').addClass('contact_yupoo_small');
	$(this).parent().prev().removeClass('contact_twostep');
  });
});