window.onload = init; 
window.onresize = resizeIframe;	



function init(){
//alert("init");
	// redraw screen
	resizeIframe();
	// hide all webcontrols
	for (i=0; i < arrLevel1.length; i++){
		hide(arrLevel1[i][0]);
	}
	// show default webcontrol and rss feed
	show(arrLevel1[0][0]);
	processForm("http://seattletimes.nwsource.com/rss/home.xml");
}
function processLevel1(caller){
	//show div with level2 webcontrol referred by caller value
	//set form with value from level2 webcontrol

	//get value from select element
	var numchoice = caller.selectedIndex;
	var selection = caller[numchoice].value;

	
	//hide all webcontrols
	for(i=0; i < arrLevel1.length; i++){
		var divHandle = arrLevel1[i][0];	// div id
		var urlRss = arrLevel1[i][1];			// rss url
		var subDivisions = arrLevel1[i][2]; 	// has multiple rss entries under main site

		//if this is the value selected then show the level2 webcontrol
		//and submit form to reget php rss food 
		if(selection==divHandle){
			if(subDivisions){
				show(divHandle);
				var file = document.getElementById("file");
				file.value = urlRss;
				var f = document.getElementById("forum");
				f.submit();
			}
		} else {
			hide(divHandle);
		}
	}
}


function processLevel2(caller){

//prepare form with requested urlRss
//hide select webcontrols
//show caller select webcontrol

	//get value from select element
	var numchoice = caller.selectedIndex;
	var urlRSS = caller[numchoice].value;
	var file = document.getElementById("file");
	processForm(urlRSS);
	//file.value = urlRSS;
	//var f = document.getElementById("forum");
	//f.submit();
}



function processForm(value){
	var file = document.getElementById("file");
	file.value = value;
	var f = document.getElementById("forum");
	f.submit();
}

function hide(selection){
	var tmpHandle = document.getElementById(selection);
	tmpHandle.style.display = "none";
}

function show(selection){
	var tmpHandle = document.getElementById(selection);
	tmpHandle.style.display = "block";
}

function resizeIframe() {
	var borderHeight	 = 43;	//frame size
	//var borderHeight = parseInt(document.getElementById('frameMT').style.height);
	var borderWidth		 = 17;	//frame size
	var scrollbarWidth	 = 18;  //width of gui control
	var selectHeight	 = 22;  //height of gui control
	
	var viewer		 = document.getElementById("viewer");
	//var windowWidth		 = document.body.clientWidth;
	//var windowHeight	 = document.body.clientHeight;
	getBrowserSize();
	var windowWidth = browserWidth;
	var windowHeight = browserHeight;
  
	var borderLeft
	borderLeft = document.getElementById("frameLM");
	borderLeft.style.height = windowHeight-borderHeight;
	
	var borderRight
	borderRight = document.getElementById("frameRM");
	borderRight.style.height = windowHeight-borderHeight;
	
	
	var newIframeHt = windowHeight - (2 * borderHeight) - (2 * selectHeight) + 10; // fudge 10 for graphics
	var newIframeWd = windowWidth - borderWidth - scrollbarWidth;
	
	viewer.style.top = borderHeight + (2 * selectHeight) + "px";

	viewer.style.height = newIframeHt + "px";
	viewer.style.width = newIframeWd + "px";
	document.getElementById("frame").style.height = windowHeight + "px";

//alert("resize >  newIframeHt: " + newIframeHt + "   windowHeight: " + windowHeight);

	//resize select form controls
	for (i=0;i<document.forms[0].length;i++){
		thisControl = document.forms[0][i]
		thisType = thisControl.type;
			if (thisType=="select-one"){
				thisControl.style.width = newIframeWd + "px";
			}
	}

}

function insertIFrameContent() {
	var viewer = document.getElementById('viewer');
	var feeder = window.frames[0].document.body.innerHTML;
	viewer.innerHTML = feeder;
}

function getBrowserSize() {
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    browserWidth = window.innerWidth;
    browserHeight = window.innerHeight;
  } else if( document.documentElement &&
      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    browserWidth = document.documentElement.clientWidth;
    browserHeight = document.documentElement.clientHeight;
  }
  return browserWidth;
  return browserHeight;
 //window.alert( 'Width = ' + browserWidth );
 //window.alert( 'Height = ' + browserHeight )
}