$(function() {
	homeNormal = $('<img>').attr('src','/assets/img/home_normal.png');
	homeActive = $('<img>').attr('src','/assets/img/home_active.png');
	homeHover = $('<img>').attr('src','/assets/img/home_hover.png');

	aboutNormal = $('<img>').attr('src','/assets/img/about_normal.png');
	aboutActive = $('<img>').attr('src','/assets/img/about_active.png');
	aboutHover = $('<img>').attr('src','/assets/img/about_hover.png');

	clientNormal = $('<img>').attr('src','/assets/img/client_normal.png');
	clientActive = $('<img>').attr('src','/assets/img/client_active.png');
	clientHover = $('<img>').attr('src','/assets/img/client_hover.png');

	peopleNormal = $('<img>').attr('src','/assets/img/people_normal.png');
	peopleActive = $('<img>').attr('src','/assets/img/people_active.png');
	peopleHover = $('<img>').attr('src','/assets/img/people_hover.png');

	newsNormal = $('<img>').attr('src','/assets/img/news_normal.png');
	newsActive = $('<img>').attr('src','/assets/img/news_active.png');
	newsHover = $('<img>').attr('src','/assets/img/news_hover.png');

	contactNormal = $('<img>').attr('src','/assets/img/contact_normal.png');
	contactActive = $('<img>').attr('src','/assets/img/contact_active.png');
	contactHover = $('<img>').attr('src','/assets/img/contact_hover.png');

	activeLink();
	$('img.menuImg').hover(overLink, offLink);
	$('a[rel="external"]').click(openNewWindow);
});

function activeLink() {
	var section = $('body').attr('title');
	$('a.' + section + ' img').attr('src', '/assets/img/' + section + '_active.png');
}

function overLink() {
	var section = $(this).parent().attr('class');
	$(this).attr('src', '/assets/img/' + section + '_hover.png');
}

function offLink() {
	var section = $(this).parent().attr('class');
	$(this).attr('src', '/assets/img/' + section + '_normal.png');
	activeLink();
}

function openNewWindow() {
	window.open( $(this).attr('href') );
	return false;
}