// try and preload images

// banners + titles
var avgspeed = new Image(); avgspeed.src = "img/avgspeed.gif";
var bearings = new Image(); bearings.src = "img/bearings.gif";
var degrees = new Image(); degrees.src = "img/degrees.gif";
var hours = new Image(); hours.src = "img/hours.gif";
var knots = new Image(); knots.src = "img/knots.gif";
var winddirection = new Image(); winddirection.src = "img/winddirection.gif";
var windspeed = new Image(); windspeed.src = "img/windspeed.gif";

// bearing
var north = new Image(); north.src = "img/n.gif";
var east = new Image(); east.src = "img/e.gif";
var south = new Image(); south.src = "img/s.gif";
var west = new Image(); west.src = "img/w.gif";

// hours
var h0 = new Image(); h0.src = "img/0.gif";
var h1 = new Image(); h1.src = "img/1.gif";
var h2 = new Image(); h1.src = "img/1.gif";
var h3 = new Image(); h1.src = "img/1.gif";
var h4 = new Image(); h1.src = "img/1.gif";
var h5 = new Image(); h1.src = "img/1.gif";
var h6 = new Image(); h1.src = "img/1.gif";
var h7 = new Image(); h1.src = "img/1.gif";
var h8 = new Image(); h1.src = "img/1.gif";
var h9 = new Image(); h1.src = "img/1.gif";
var h10 = new Image(); h1.src = "img/1.gif";
var h11 = new Image(); h1.src = "img/1.gif";
var h12 = new Image(); h1.src = "img/1.gif";
var h13 = new Image(); h1.src = "img/1.gif";
var h14 = new Image(); h1.src = "img/1.gif";
var h15 = new Image(); h1.src = "img/1.gif";
var h16 = new Image(); h1.src = "img/1.gif";
var h17 = new Image(); h1.src = "img/1.gif";
var h18 = new Image(); h1.src = "img/1.gif";
var h19 = new Image(); h1.src = "img/1.gif";
var h20 = new Image(); h1.src = "img/1.gif";
var h21 = new Image(); h1.src = "img/1.gif";
var h22 = new Image(); h1.src = "img/1.gif";
var h23 = new Image(); h1.src = "img/1.gif";
var h24 = new Image(); h1.src = "img/1.gif";

// degrees
var d0 = new Image(); d0.src = "img/0d.gif";
var d90 = new Image(); d90.src = "img/90d.gif";
var d180 = new Image(); d180.src = "img/180d.gif";
var d270 = new Image(); d270.src = "img/270d.gif";
var d360 = new Image(); d360.src = "img/360d.gif";

// knots
var k0 = new Image(); k0.src = "img/0k.gif";
var k10 = new Image(); k10.src = "img/10k.gif";
var k20 = new Image(); k20.src = "img/20k.gif";
var k30 = new Image(); k30.src = "img/30k.gif";
var k40 = new Image(); k40.src = "img/40k.gif";
var k50 = new Image(); k50.src = "img/50k.gif";
var k60 = new Image(); k60.src = "img/60k.gif";
var k70 = new Image(); k70.src = "img/70k.gif";
var k80 = new Image(); k80.src = "img/80k.gif";
var k90 = new Image(); k90.src = "img/90k.gif";
var k100 = new Image(); k100.src = "img/100k.gif";