var panels = new Array('panel1', 'panel2', 'panel3', 'panel4', 'panel5', 'panel6', 'panel7');  // Create an array of seven panels
   	var selectedTab = null;
 
	/************************  generic panel for video courses *****************/
 	function showPanel(tab, name)
    {
    	selectedTab = tab;
        for(i = 0; i < panels.length; i++)
        {
          document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
        }
		fallHeight();
        return false;
  	}

	/************************ fall online panel *********************************/
	function fallHeight() {
		if(document.getElementById && !(document.all)) {
		h = document.getElementById('fall').contentDocument.body.scrollHeight;
		document.getElementById('fall').style.height = h;
		}
		else if(document.all) {
			h = document.frames('fall').document.body.scrollHeight;
			document.all.fall.style.height = h;
		}
	}		
      
 	function showPanelFall(tab, name)
    {
    	selectedTab = tab;
        for(i = 0; i < panels.length; i++)
        {
          document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
        }
		// need to process a height while we click the tab, otherwise calling this method from the inside of iframe
		// causes the courses page to be blank (each seperate tab will be blank) due to the fact that those tabls
		// are set to visible: none (execpt one: course information)
		fallHeight();   
        return false;
  	}
	 
	
	/************************ spring online panel  *********************************/		
	function springHeight() {
		if(document.getElementById && !(document.all)) {
		h = document.getElementById('spring').contentDocument.body.scrollHeight;
		document.getElementById('spring').style.height = h;
		}
		else if(document.all) {
		h = document.frames('spring').document.body.scrollHeight;
		document.all.spring.style.height = h;
		}
	}
	
	function showPanelSpring(tab, name)
    {
    	selectedTab = tab;
        for(i = 0; i < panels.length; i++)
        {
          document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
        }
		springHeight();   
        return false;
  	}
	
	
	/************************   summer panel **************************/
	function summer6Height() {
		if(document.getElementById && !(document.all)) {
		h = document.getElementById('summer6').contentDocument.body.scrollHeight;
		document.getElementById('summer6').style.height = h;
		}
		else if(document.all) {
		h = document.frames('summer6').document.body.scrollHeight;
		document.all.summer6.style.height = h;
		}
	}
	
	function summer9Height() {
		if(document.getElementById && !(document.all)) {
		h = document.getElementById('summer9').contentDocument.body.scrollHeight;
		document.getElementById('summer9').style.height = h;
		}
		else if(document.all) {
		h = document.frames('summer9').document.body.scrollHeight;
		document.all.summer9.style.height = h;
		}
	}
	
	function showPanelSummer(tab, name)
    {
    	selectedTab = tab;
        for(i = 0; i < panels.length; i++)
        {
          document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
        }
		summer6Height();  
		summer9Height(); 
        return false;
  	}


	/************************   summer 9 week panel **************************/