// JavaScript Document
$(document).ready(function() {

	bind_links('a#top-1', 'a#bio', '0px -209px', '#fefefe', '0px 0px', '#444444');
	bind_links('a#top-2', 'a#resume', '0px -209px', '#fefefe', '0px 0px', '#444444');
	bind_links('a#top-3', 'a#links', '0px -209px', '#fefefe', '0px 0px', '#444444');
	bind_links('a#btm-1', 'a#blog', '0px -178px', '#fefefe', '0px 0px', '#444444');
	bind_links('a#btm-2', 'a#policies', '0px -178px', '#fefefe', '0px 0px', '#444444');
	bind_links('a#btm-3', 'a#contact', '0px -178px', '#fefefe', '0px 0px', '#444444');
	bind_linkss('#cpa', 'a#top-1', 'a#top-2', 'a#top-3', '0px -209px', '#fefefe', '0px 0px', '#444444', '#888888');
	bind_linkss('#tfc', 'a#btm-1', 'a#btm-2', 'a#btm-3', '0px -178px', '#fefefe', '0px 0px', '#444444', '#888888');
});

function bind_links(id1, id2, chg1a, chg1b, chg2a, chg2b) {
	$(id1).hover (
		function() {
			$(id1).css('background-position',chg1a);
			$(id2).css('color',chg1b);
		},
		function() {
			$(id1).css('background-position',chg2a);
			$(id2).css('color',chg2b);
		}
	);		

	$(id2).hover(
		function() {
			$(id1).css('background-position',chg1a);
			$(id2).css('color',chg1b);
		},
		function() {
			$(id1).css('background-position',chg2a);
			$(id2).css('color',chg2b);
		}
	);		
}
function bind_linkss(id1, id2a, id2b, id2c, chg1a, chg1b, chg2a, chg2b, chgsibling) {
	$(id1).hover(
		function() {
			//$(id1+' *').css('color',chg1b);
			$(id2a).css('background-position',chg1a);
			$(id2b).css('background-position',chg1a);
			$(id2c).css('background-position',chg1a);
		},
		function() {
			//$(id1+' a').css('color',chg2b);
			$(id2a).css('background-position',chg2a);
			$(id2b).css('background-position',chg2a);
			$(id2c).css('background-position',chg2a);
		}
	);		
	$(id1+' a').hover(
		function() {
			$(this).css('color',chg1b);
			$(this).siblings().css('color', chgsibling);
		},
		function() {
			$(this).css('color',chg2b);
			$(this).siblings().css('color', chg2b);
		}
	);
}