// obj should be an a
function borderOn(obj, which) {
	jQuery(obj).css('border-' + which.toString(), '1px solid white');
}
// obj should be an a
function borderOff(obj, which) {
	jQuery(obj).css('border-' + which.toString(), '1px solid #e4e4e4');
}


// obj should be an a
function navOn(obj) {
	borderOn(obj, 'top');
	if (jQuery(obj).parent().hasClass('first')) { borderOn(obj, 'left'); }
	if (jQuery(obj).parent().hasClass('last')) { borderOn(obj, 'right'); }
	
	var n = jQuery(obj).parent().next();
	if (isCurrent(n)) { borderOn(jQuery(n).children('a'), 'left'); }

	var p = jQuery(obj).parent().prev();
	if (isCurrent(p)) { borderOn(obj, 'left'); }
	
}
// obj should be an a
function navOff(obj) {
	if (isCurrent(jQuery(obj).parent())) return;
	borderOff(obj, 'top');
	if (jQuery(obj).parent().hasClass('first')) { borderOff(obj, 'left'); }
	if (jQuery(obj).parent().hasClass('last')) { borderOff(obj, 'right'); }

	var n = jQuery(obj).parent().next();
	if (isCurrent(n)) { borderOff(jQuery(n).children('a'), 'left'); }

	var p = jQuery(obj).parent().prev();
	if (isCurrent(p)) { borderOff(obj, 'left'); }

}



// obj should be an li
function isCurrent(obj) {
	var isCurrent = false;
	if (jQuery(obj).hasClass('current_page_item')) { isCurrent = true; }
	if (jQuery(obj).hasClass('current_page_ancestor')) { isCurrent = true; }
	return isCurrent;
}



jQuery(document).ready(function() {

	jQuery('#nav li a').each(function() {
		if (isCurrent(jQuery(this).parent())) {
			navOn(this);
		}
	});

	jQuery('#nav ul li a').hover(
		// over
		function() { navOn(this); },
		// out
		function() { navOff(this); }
	);


	// this is the part where we stretch the nav to fit the whole width
	var nav_num = 0;
	var nav_width = 0;
	jQuery('#nav ul li').each(function() {
		nav_num++;
		nav_width += jQuery(this).width();
	});
	var div_width = 776;
	var diff = div_width - nav_width;
	var diff_each = diff / nav_num;
//		alert(diff_each);
	var diff_each_half = diff_each / 2;
//		alert(diff_each_half);
	jQuery('#nav ul li a').each(function() {
		var curr_left = jQuery(this).css('padding-left');
		curr_left = curr_left.replace('px', '');
		var new_left = parseInt(curr_left) + parseInt(diff_each_half);
		jQuery(this).css('padding-left', new_left.toString() + 'px');
		var curr_right = jQuery(this).css('padding-right');
		curr_right = curr_right.replace('px', '');
		var new_right = parseInt(curr_right) + parseInt(diff_each_half);
		jQuery(this).css('padding-right', new_right.toString() + 'px');
	});
	
	// put anything left over in the last one
	nav_width = 0;
	jQuery('#nav ul li').each(function() {
		nav_width += jQuery(this).width();
	});	
	diff = div_width - nav_width;	
	diff_left = Math.floor(diff / 2);
	diff_right = Math.ceil(diff / 2);
	jQuery('#nav ul li a:last').each(function() {
		var curr_left = jQuery(this).css('padding-left');
		curr_left = curr_left.replace('px', '');
		var new_left = parseInt(curr_left) + parseInt(diff_left);
		var curr_right = jQuery(this).css('padding-right');
		curr_right = curr_right.replace('px', '');
		var new_right = parseInt(curr_right) + parseInt(diff_right);
		jQuery(this).css({
			'padding-left' : new_left.toString() + 'px',
			'padding-right' : new_right.toString() + 'px'
		});
	});

});