// Karen Racicot JavaScript Document

var optimal_screen_width = 1000;
var leftcol_margin = 10;

var leftcolwidth = $("#leftcol").width();
var window_width = $(window).width()
var difference = window_width - leftcolwidth - leftcol_margin;
var rightcol_min_width = optimal_screen_width - leftcolwidth - leftcol_margin;
		
if (difference >= rightcol_min_width) {
	$("#rightcol").css('width', difference);
} else if (difference < rightcol_min_width) {
	$("#rightcol").css('width', rightcol_min_width);
}

if (window_width >= optimal_screen_width) {
	$("#pagebody").css('width', window_width);
} else if (window_width < optimal_screen_width) {
	$("#pagebody").css('width', optimal_screen_width);
}

$("#orangebar").css('width', window_width);

$(function(){
	resizerightcol();
	function resizerightcol(){
		var leftcolwidth = $("#leftcol").width();
		var window_width = $(window).width()
		var difference = window_width - leftcolwidth - leftcol_margin;
		
		if (difference >= rightcol_min_width) {
			$("#rightcol").css('width', difference);
		} else if (difference < rightcol_min_width) {
			$("#rightcol").css('width', rightcol_min_width);
		}

		if (window_width >= optimal_screen_width) {
			$("#pagebody").css('width', window_width);
		} else if (window_width < optimal_screen_width) {
			$("#pagebody").css('width', optimal_screen_width);
		}
		
		$("#orangebar").css('width', window_width);
	}
 
	$(window).resize(resizerightcol)
});