function setRightImage (){
	var rightCol= $('right_column');
	var leftCol = $('left_column');	
	var contentCol = $('content_tr');
	var content = $('content');
	var rightImg= $('right_image');
	var navBar = $('nav');
	var pageBody = $('page_body');
	var logo= $('logo');
	var crumbs = $('crumb');
	var links = $('link');
	var showHide;
	var newLWidth;
	var newWidth;
	var newPath;
	var newLogo;
	var newCrumbs;
	var newLinks;
	var pageWidth;
	//get the pixel width of the right column based on window percentage
	
	// find the width of the viewport
	var winW = 630;		//default for older browsers

	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	 }
	}
	
	var pageWidth = pageBody.getStyle('width').toInt();
	
	// if the viewport is too small, size the document manually
	var navWidth = navBar.getStyle('width').toInt();	
	var rightWidth = contentCol.getStyle('width').toInt() * 0.27;	
	
	// do the figuring for which image to use	
	var totalWidth = content.getStyle('width').toInt();		
	var pageWidth = pageBody.getStyle('width').toInt();
	
	
	if (winW < 967) {  // small
		showHide = 'none';	
		newWidth = '1px';	
		newLogo = '../../images/newTemplate/wsuOnline_sm.gif';
		newCrumbs = '180px';
		newLinks = '-20px';
	}
	else if (winW < 1260) {  // medium
		//newLWidth = totalWidth - 120 + 'px';
		newWidth = '100px';
		newPath = '../../images/smoke_sm.jpg';
		newLogo = '../../images/newTemplate/wsuOnline_sm.gif';
		showHide = 'block';
		newCrumbs = '25%';
		newLinks = '0';
	}
	else {	// large
		//newLWidth = totalWidth - 300 + 'px';
		newWidth = '300px';
		newPath = pageImage;
		newLogo = '../../images/newTemplate/wsuOnline.gif';
		showHide = 'block';
		newCrumbs = '25%';
		newLinks = '0';
	}
	leftCol.setStyles({width: newLWidth});
	rightCol.setStyles({width: newWidth});
	rightImg.setStyles({display: showHide});
	rightImg.setProperty('src', newPath);
	logo.setProperty('src', newLogo);
	crumbs.setStyles({left: newCrumbs});
	links.setStyles({'margin-top': newLinks});
	
}
window.addEvent('domready', function(){
	window.onresize = setRightImage;
	//initial right column setup
	setRightImage();
})
