/* Preloading images */
var edvinholm = $('<img />').attr('src', 'images/vipahill/edvin.jpg');
var magnuslarsson = $('<img />').attr('src', 'images/vipahill/magnus.jpg');
var fredrikskolfman = $('<img />').attr('src', 'images/vipahill/fredrik.jpg');
var bjornpetterson = $('<img />').attr('src', 'images/vipahill/bjorn.jpg');
var hannawidegren = $('<img />').attr('src', 'images/vipahill/hanna.jpg');
var danielhillstrom = $('<img />').attr('src', 'images/vipahill/danielh.jpg');
var danielfridell = $('<img />').attr('src', 'images/vipahill/danielf.jpg');
var matsek = $('<img />').attr('src', 'images/vipahill/mats.jpg');
var markingelse = $('<img />').attr('src', 'images/vipahill/mark.jpg');
var helenlinde = $('<img />').attr('src', 'images/vipahill/helen.jpg');

$('body').append( $(edvinholm) );
$('body').append( $(magnuslarsson) );
$('body').append( $(fredrikskolfman) );
$('body').append( $(bjornpetterson) );
$('body').append( $(malcolmhook) );
$('body').append( $(hannawidegren) );
$('body').append( $(danielhillstrom) );
$('body').append( $(danielfridell) );
$('body').append( $(matsek) );
$('body').append( $(markingelse) );
$('body').append( $(helenlinde) );

function addClass(id,pid,img) {
	$(id).removeClass("personinfo"); 
    $(id).addClass("personinfoactive");
	//$(pid).replaceWith("<img src=\"images/vipahill/"+img+".jpg\">");
	$(pid).attr("src","images/vipahill/"+img+".jpg"); 
}

function removeClass(id,pid,img) {
	$(id).removeClass("personinfoactive"); 
    $(id).addClass("personinfo");
	$(pid).attr("src","images/vipahill/"+img+"-disabled.jpg"); 
}