Add links to banners

Have random banners, each of which need to link to a separate url

[egoble]

My banners appear in random order upon refresh. I need each to link to a url when/if clicked. Any help is appreciated. Here is the current js:

var CDC_Home = {

IMAGE_DIR: '/images/home/',

data:
[{pic: 'banner1.png'},
{pic: 'banner2.png'},
{pic: 'banner3.png'},
{pic: 'banner4.png'}],

init: function()
{this.get();},

get: function()
{var r = Math.floor(Math.random()*(this.data.length));
var sel = this.data[r];
document.getElementById('featuredItem').style.background = 'url('+this.IMAGE_DIR+sel.pic+')';
}
}

[daveVk]

var CDC_Home = {

IMAGE_DIR: '/images/home/',

data:
[{pic: 'banner1.png',url:'...'},
{pic: 'banner2.png',url:'...'},
{pic: 'banner3.png',url:'...'},
{pic: 'banner4.png',url:'...'}],

init: function()
{this.get();},

get: function()
{var r = Math.floor(Math.random()*(this.data.length));
var sel = this.data[r];
document.getElementById('featuredItem').style.background = 'url('+this.IMAGE_DIR+sel.pic+')';
document.getElementById('featuredItemLink').href = sel.url;
}
}

Plus in html around featuredItem
<a id='featuredItemLink'> ... </a>

[egoble]

Perfect, thanks daveVk!