// JavaScript for the nav click functions
var oNav = Array(7);
oNav[0] = document.getElementById('nav_home');
oNav[1] = document.getElementById('nav_inventory');
oNav[2] = document.getElementById('nav_special');
oNav[3] = document.getElementById('nav_credit_app');
oNav[4] = document.getElementById('nav_service');
oNav[5] = document.getElementById('nav_news');
oNav[6] = document.getElementById('nav_contact');
//now set up the swaps
var img_loader = new Image();
//img_loader.src = "/images/credit_app_selected.gif";
var on_src = Array(7);
var off_src = Array(7);
on_src[0] = '/images/home_selected.gif';
on_src[1] = '/images/inventory_selected.gif';
on_src[2] = '/images/specials_selected.gif';
on_src[3] = '/images/credit_app_selected.gif';
on_src[4] = '/images/service_selected.gif';
on_src[5] = '/images/news_selected.gif';
on_src[6] = '/images/contact_selected.gif';

off_src[0] ='/images/home_btn.gif';
off_src[1] ='/images/inventory_btn.gif';
off_src[2] ='/images/specials_btn.gif';
off_src[3] ='/images/credit_app_btn.gif';
off_src[4] ='/images/service_btn.gif';
off_src[5] ='/images/news_btn.gif';
off_src[6] ='/images/contact_btn.gif';
for(i=0;i<7;++i){
  img_loader.src = on_src[i];
}
oNav[0].onmousedown = function(){ this.src = on_src[0]; } 
oNav[0].onmouseup = function(){ this.src = off_src[0]; }
oNav[1].onmousedown = function(){ this.src = on_src[1]; } 
oNav[1].onmouseup = function(){ this.src = off_src[1]; }
oNav[2].onmousedown = function(){ this.src = on_src[2]; } 
oNav[2].onmouseup = function(){ this.src = off_src[2]; }
oNav[3].onmousedown = function(){ this.src = on_src[3]; } 
oNav[3].onmouseup = function(){ this.src = off_src[3]; }
oNav[4].onmousedown = function(){ this.src = on_src[4]; } 
oNav[4].onmouseup = function(){ this.src = off_src[4]; }
oNav[5].onmousedown = function(){ this.src = on_src[5]; } 
oNav[5].onmouseup = function(){ this.src = off_src[5]; }
oNav[6].onmousedown = function(){ this.src = on_src[6]; } 
oNav[6].onmouseup = function(){ this.src = off_src[6]; }