overview_off = new Image();
overview_on = new Image();
archive_off = new Image();
archive_on = new Image();
parents_off = new Image();
parents_on = new Image();
contact_off = new Image();
contact_on = new Image();
ses_off = new Image();
ses_on = new Image();
ad_off = new Image();
ad_on = new Image();

photo1 = new Image();
photo2 = new Image();
photo3 = new Image();
photo4 = new Image();


overview_off.src = "img/box_blue_overview.gif";
overview_on.src = "img/box_gray_overview.gif";
archive_off.src = "img/box_yellow_archive.gif";
archive_on.src = "img/box_gray_archive.gif";
parents_off.src = "img/box_yellow_parents.gif";
parents_on.src = "img/box_gray_parents.gif";
contact_off.src = "img/box_blue_contact.gif";
contact_on.src = "img/box_gray_contact.gif";
ses_off.src = "img/SES_blue_box.gif";
ses_on.src = "img/SES_gray_box.gif";
ad_off.src = "img/Ad_yellow_box.gif";
ad_on.src = "img/Ad_gray_box.gif";

photo1.src = "img/photo1.jpg";
photo2.src = "img/photo2.jpg";
photo3.src = "img/photo3.jpg";
photo4.src = "img/photo4.jpg";


function overview_over() {
button1.src = overview_on.src
button2.src = photo2.src
button3.src = photo3.src
button4.src = photo4.src
}

function archive_over() {
button1.src = photo1.src
button2.src = archive_on.src
button3.src = photo3.src
button4.src = photo4.src
}

function parents_over() {
button1.src = photo1.src
button2.src = photo2.src
button3.src = parents_on.src
button4.src = photo4.src
}

function contact_over() {
button1.src = photo1.src
button2.src = photo2.src
button3.src = photo3.src
button4.src = contact_on.src
}

function ses_over(){
button5.src = ses_on.src
}

function ad_over(){
button6.src = ad_on.src
}

function out() {
button1.src = overview_off.src
button2.src = archive_off.src
button3.src = parents_off.src
button4.src = contact_off.src	
button5.src = ses_off.src
button6.src = ad_off.src
}