// JavaScript Document
$(document).ready(function(){
$(".home").hover(function() {
	$(".a").attr("src","img/home2.png");
}, function() {
	$(".a").attr("src","img/home.png");
});
$(".about").hover(function() {
	$(".b").attr("src","img/about2.png");
}, function() {
	$(".b").attr("src","img/about.png");
});
$(".services").hover(function() {
	$(".c").attr("src","img/services2.png");
}, function() {
	$(".c").attr("src","img/services.png");
});
$(".login").hover(function() {
	$(".d").attr("src","img/login2.png");
}, function() {
	$(".d").attr("src","img/login.png");
});
$(".contact").hover(function() {
	$(".e").attr("src","img/contact2.png");
}, function() {
	$(".e").attr("src","img/contact.png");
});
$(".portfolio").hover(function() {
	$(".f").attr("src","img/portfolio2.png");
}, function() {
	$(".f").attr("src","img/portfolio.png");
});
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
});
}
preload(['img/about2.png', 'img/services2.png', 'img/login2.png', 'img/contact2.png', 'img/portfolio2.png', 'img/about.png', 'img/services.png', 'img/login.png', 'img/contact.png', 'img/portfolio.png']);
});
