

//function ShowMenu(num, hourtodays, heighttoday, hourtomorrow, heighttomorrow, logo, max)
function ShowMenu(num, hourtodays, heighttoday, hourtomorrow, heighttomorrow, max)
{
		//starting at one, loop through until the number chosen by the user
		for(i = 1; i <= num; i++){
		
				//add number onto end of menu
				var hourtodayshow = hourtodays + i;
				var heighttodayshow = heighttoday + i;
				var hourtomorrowshow = hourtomorrow + i;
				var heighttomorrowshow = heighttomorrow + i;
				//var logoshow = logo + i;
				//change visibility to block, or 'visible'
				document.getElementById(hourtodayshow).style.display = 'block';
				document.getElementById(heighttodayshow).style.display = 'block';
				document.getElementById(hourtomorrowshow).style.display = 'block';
				document.getElementById(heighttomorrowshow).style.display = 'block';
				//document.getElementById(logoshow).style.display = 'block';
		}
		//make a number one more than the number inputed
		var num2 = num;
		num2++;
		//hide it if the viewer selects a number lower
		//this will hide every number between the selected number and the maximum
		//ex.  if 3 is selected, hide the <div> cells for 4, 5, and 6
		//loop until max is reached
		while(num2 <= max){
				var hourtodayhide = hourtodays + num2;
				var heighttodayhide =heighttoday + num2;
				var hourtomorrowhide = hourtomorrow + num2;
				var heighttomorrowhide = heighttomorrow + num2;
				//var logohide = logo + num2;
				//hide 
				document.getElementById(hourtodayhide).style.display = 'none';
				document.getElementById(heighttodayhide).style.display = 'none';
				document.getElementById(hourtomorrowhide).style.display = 'none';
				document.getElementById(heighttomorrowhide).style.display = 'none';
				//document.getElementById(logohide).style.display = 'none';
				//add one to loop
				num2=num2+1;
		}
		 var num3 = num;
		num3--;
		 //hide it if the viewer selects a number lower
		//this will hide every number between the selected number and the minimum
		//ex.  if 3 is selected, hide the <div> cells for 2,1,0
		//loop until min is reached
		while(num3 < num){
				var hourtodayhideprevious = hourtodays + num3;
				var heighttodayhideprev = heighttoday + num3;
				var hourtomorrowhideprev = hourtomorrow + num3;
				var heighttomorrowhideprev = heighttomorrow + num3;
				//var logohideprev = logo + num3;
				//hide 
				document.getElementById(hourtodayhideprevious).style.display = 'none';
				document.getElementById(heighttodayhideprev).style.display = 'none';
				document.getElementById(hourtomorrowhideprev).style.display = 'none';
				document.getElementById(heighttomorrowhideprev).style.display = 'none';
				//document.getElementById(logohideprev).style.display = 'none';
				//sub one from loop
				num3=num3-1;
		}
}

