function popover(id) {
	if (document.getElementById) {

		document.getElementById('pop1').style.display = 'none';
		document.getElementById('pop2').style.display = 'none';
		document.getElementById('pop3').style.display = 'none';
		document.getElementById('pop4').style.display = 'none';
		document.getElementById('pop5').style.display = 'none';
		document.getElementById('pop6').style.display = 'none';
		document.getElementById('pop7').style.display = 'none';
		document.getElementById('pop8').style.display = 'none';
		document.getElementById('pop9').style.display = 'none';
		
		switch(id) {
			case 1:
				document.getElementById('pop1').style.display = 'block';
				break;
			case 2:
				document.getElementById('pop2').style.display = 'block';
				break;
			case 3:
				document.getElementById('pop3').style.display = 'block';
				break;
			case 4:
				document.getElementById('pop4').style.display = 'block';
				break;
			case 5:
				document.getElementById('pop5').style.display = 'block';
				break;
			case 6:
				document.getElementById('pop6').style.display = 'block';
				break;
			case 7:
				document.getElementById('pop7').style.display = 'block';
				break;
			case 8:
				document.getElementById('pop8').style.display = 'block';
				break;
			case 9:
				document.getElementById('pop9').style.display = 'block';
				break;
		}
	}
}


function rollover(id) {
	if (document.getElementById) {

		rollout();
		document.getElementById('roll0').style.display = 'none';
		
		switch(id) {
			case 1:
				document.getElementById('roll1').style.display = 'block';
				break;
			case 2:
				document.getElementById('roll2').style.display = 'block';
				break;
			case 3:
				document.getElementById('roll3').style.display = 'block';
				break;
			case 4:
				document.getElementById('roll4').style.display = 'block';
				break;
			case 5:
				document.getElementById('roll5').style.display = 'block';
				break;
			case 6:
				document.getElementById('roll6').style.display = 'block';
				break;
			case 7:
				document.getElementById('roll7').style.display = 'block';
				break;
			case 8:
				document.getElementById('roll8').style.display = 'block';
				break;
			case 9:
				document.getElementById('roll9').style.display = 'block';
				break;
			case 10:
				document.getElementById('roll10').style.display = 'block';
				break;
			case 11:
				document.getElementById('roll11').style.display = 'block';
				break;
			case 12:
				document.getElementById('roll12').style.display = 'block';
				break;
			case 13:
				document.getElementById('roll13').style.display = 'block';
				break;
			case 14:
				document.getElementById('roll14').style.display = 'block';
				break;
			case 15:
				document.getElementById('roll15').style.display = 'block';
				break;
			case 16:
				document.getElementById('roll16').style.display = 'block';
				break;
			case 17:
				document.getElementById('roll17').style.display = 'block';
				break;
			case 18:
				document.getElementById('roll18').style.display = 'block';
				break;
		}
	}
}

function rollout() {

		document.getElementById('roll1').style.display = 'none';
		document.getElementById('roll2').style.display = 'none';
		document.getElementById('roll3').style.display = 'none';
		document.getElementById('roll4').style.display = 'none';
		document.getElementById('roll5').style.display = 'none';
		document.getElementById('roll6').style.display = 'none';
		document.getElementById('roll7').style.display = 'none';
		document.getElementById('roll8').style.display = 'none';
		document.getElementById('roll9').style.display = 'none';
		document.getElementById('roll10').style.display = 'none';
		document.getElementById('roll11').style.display = 'none';
		document.getElementById('roll12').style.display = 'none';
		document.getElementById('roll13').style.display = 'none';
		document.getElementById('roll14').style.display = 'none';
		document.getElementById('roll15').style.display = 'none';
		document.getElementById('roll16').style.display = 'none';
		document.getElementById('roll17').style.display = 'none';
		document.getElementById('roll18').style.display = 'none';
		
		document.getElementById('roll0').style.display = 'block';
		
}


function highlight(id, num) {

	var i=0;
	while (i < (num+1)) {
		var itemID = "roll" + i;
		
		if (document.getElementById(itemID)){
		  if (i == id) {
			   document.getElementById(itemID).style.display = 'block';
		  } else {
			  document.getElementById(itemID).style.display = 'none';
		  }
		}
		i++;
	}
}