$(document).ready(function(){
	var _nav = $('#header div.nav > ul');
	if(_nav.length){
		var _btn = _nav.children();
		var max_w = _nav.parent().width();
		var _w = _nav.width();
		if(max_w > _w){
			var k_w = Math.round((max_w - _w)/_btn.length/2);
			_btn.children('a').css({
				paddingLeft: k_w,
				paddingRight: k_w
			});
			k_w = (max_w - _w) - k_w*2*(_btn.length-1);
			if(k_w%2) _btn.children('a:last').css({ paddingLeft: Math.round(k_w/2), paddingRight: Math.floor(k_w/2)});
			else _btn.children('a:last').css({ paddingLeft: k_w/2, paddingRight: k_w/2});
		}
		_btn.append('<span class="sep"></span>');
		_btn.filter(':first').mouseenter(function(){$(this).addClass('first-hover');}).mouseleave(function(){$(this).removeClass('first-hover');}).find('.sep').remove();
		_btn.filter(':last').mouseenter(function(){$(this).addClass('last-hover');}).mouseleave(function(){$(this).removeClass('last-hover');});
		_btn.not(':last').not(':first').mouseenter(function(){$(this).addClass('hover');}).mouseleave(function(){$(this).removeClass('hover');});
		
		if(_btn.filter(':first').hasClass('active')) _btn.filter(':first').removeClass('active').addClass('first-active');
		if(_btn.filter(':last').hasClass('active')) _btn.filter(':last').removeClass('active').addClass('last-active');
	}
});