trans = new Image();
trans.src = "pics/trans.gif"

home_n = new Image();
home_n.src = "pics/navi/home.gif";
home_a = new Image();
home_a.src = "pics/navi/home_active.gif";
home_s_a = new Image();
home_s_a.src = "pics/navi/home_s_active.gif";

portfolio_n = new Image();
portfolio_n.src = "pics/navi/portfolio.gif";
portfolio_a = new Image();
portfolio_a.src = "pics/navi/portfolio_active.gif";
portfolio_s_a = new Image();
portfolio_s_a.src = "pics/navi/portfolio_s_active.gif";

copyright_n = new Image();
copyright_n.src = "pics/navi/copyright.gif";
copyright_a = new Image();
copyright_a.src = "pics/navi/copyright_active.gif";
copyright_s_a = new Image();
copyright_s_a.src = "pics/navi/copyright_s_active.gif";

contact_n = new Image();
contact_n.src = "pics/navi/contact.gif";
contact_a = new Image();
contact_a.src = "pics/navi/contact_active.gif";
contact_s_a = new Image();
contact_s_a.src = "pics/navi/contact_s_active.gif";

about_n = new Image();
about_n.src = "pics/navi/about.gif";
about_a = new Image();
about_a.src = "pics/navi/about_active.gif";
about_s_a = new Image();
about_s_a.src = "pics/navi/about_s_active.gif";



function navi_changer(tag_id,action)
 {
 tag_n_id = tag_id+"_n"; // id Bild normal
 tag_a_id = tag_id+"_a"; // id Bild active
 tag_s_id = tag_id+"_s"; // id Schrift
 tag_s_a_id = tag_id+"_s_a"; // id Schrift active
 switch(action)
  {
  case 1:
    document.images[tag_id].src = eval(tag_a_id).src;
    document.images[tag_s_id].src = eval(tag_s_a_id).src;
    break;
  case 2:
    document.images[tag_id].src = eval(tag_n_id).src;
    document.images[tag_s_id].src = trans.src;
    break;
  }
 }