function rolls(x, ctrl, state)
{
  var imgs = x.getElementsByTagName('img');
	if (ctrl == 'nav' ) {
		for(var i = 0; i < imgs.length; i++) {
			if(state == 'on') {
				imgs[i].src = 'images/navbar/over/' + imgs[i].id + '.gif';
			} else if (state == 'off') {
				imgs[i].src = 'images/navbar/off/' + imgs[i].id + '.gif';
			} else if (state == 'active')  {
				imgs[i].src = 'images/navbar/active/' + imgs[i].id + '.gif';
			} else {
				return;
			}
		}
	} else if (ctrl == 'map' ) {
		for(var i = 0; i < imgs.length; i++) {
			if(state == 'on') {
				imgs[i].src = 'images/mapnav/over/nav_over-' + imgs[i].id + '.png';
			} else if (state == 'off') {
				imgs[i].src = 'images/mapnav/off/nav_off-' + imgs[i].id + '.png';
			} else {
				return;
			}
		}

	} else if (ctrl == 'destination' ) {
  	for(var i = 0; i < imgs.length; i++ ) {
			if(state == 'on') {
//				alert(imgs[i].src = 'images/' + imgs[i].alt + '/over/' + imgs[i].id + '.png');
				imgs[i].src = 'images/' + imgs[i].alt + '/over/' + imgs[i].id + '.png';
			} else if (state == 'off') {
				imgs[i].src = 'images/' + imgs[i].alt + '/off/' + imgs[i].id + '.png';
			} else {
				return;
			}
		}
	} else { 
		return; 
	}
}