var active_ship;

function toggleButtonDisplay(theID) {

 var display;

		switch(theID)
		{
		    case 00:
				if (active_ship == 30) {
	  				el = document.getElementById('kalle_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('kalle_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	        	}
				else if(active_ship == 20){
	  				el = document.getElementById('voyager_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('voyager_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				else if (active_ship == 10) {
  					el = document.getElementById('leonie_on');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
  					el = document.getElementById('leonie_off');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
				}
				else if (active_ship == 40) {
  					el = document.getElementById('carino_on');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
  					el = document.getElementById('carino_off');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
				}

  				active_ship = 00;
			   	break;
		    case 10:
				if (active_ship == 30) {
	  				el = document.getElementById('kalle_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('kalle_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	        	}
				else if(active_ship == 20){
	  				el = document.getElementById('voyager_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('voyager_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				else if(active_ship == 40){
	  				el = document.getElementById('carino_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('carino_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				if (active_ship != 10) {
  					el = document.getElementById('leonie_on');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
  					el = document.getElementById('leonie_off');
  					display = el.style.display ? '' : 'none';
  					el.style.display = display;
				}
  				active_ship = 10;
			   	break;
		    case 20:
				if (active_ship == 10) {
	  				el = document.getElementById('leonie_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('leonie_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	        	}
				else if(active_ship == 30){
	  				el = document.getElementById('kalle_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('kalle_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				else if(active_ship == 40){
	  				el = document.getElementById('carino_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('carino_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				if (active_ship != 20) {
	  				el = document.getElementById('voyager_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('voyager_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				active_ship = 20;
	        	break;
		    case 30:
				if (active_ship == 10) {
	  				el = document.getElementById('leonie_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('leonie_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	        	}
				else if(active_ship == 20){
	  				el = document.getElementById('voyager_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('voyager_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				else if(active_ship == 40){
	  				el = document.getElementById('carino_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('carino_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				if (active_ship != 30) {
	  				el = document.getElementById('kalle_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('kalle_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
  				active_ship = 30;
	        	break;
		    case 40:
				if (active_ship == 10) {
	  				el = document.getElementById('leonie_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('leonie_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	        	}
				else if(active_ship == 20){
	  				el = document.getElementById('voyager_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('voyager_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				else if(active_ship == 30){
	  				el = document.getElementById('kalle_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('kalle_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
				if (active_ship != 40) {
	  				el = document.getElementById('carino_on');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
	  				el = document.getElementById('carino_off');
	  				display = el.style.display ? '' : 'none';
	  				el.style.display = display;
				}
  				active_ship = 40;
	        	break;
			default:
				return;
      		}

}

function doondocload() {
//	alert('halloballo');

  var display;
  leonie = document.getElementById('leonie_on');
  display = leonie.style.display ? '' : 'none';
  leonie.style.display = display;
  voyager = document.getElementById('voyager_on');
  display = voyager.style.display ? '' : 'none';
  voyager.style.display = display;
  kalle = document.getElementById('kalle_on');
  display = kalle.style.display ? '' : 'none';
  kalle.style.display = display;
  carino = document.getElementById('carino_on');
  display = carino.style.display ? '' : 'none';
  carino.style.display = display;

}