// Event Listener
// from http://scottandrew.com/
function addEvent(obj, evType, fn)
	{
	if (obj.addEventListener)
		{
		obj.addEventListener(evType, fn, false); 
		return true;
		}
	else if (obj.attachEvent)
		{
		var r = obj.attachEvent('on'+evType, fn);
		return r;
		}
	else
		{
		return false;
		}
	}

// from http://www.kryogenix.org/
addEvent(window, "load", resizeBooks);
addEvent(window, "resize", resizeBooks);

function resizeBooks(e)
	{
	// adapted from http://www.dithered.com/javascript/browser_detect/
	//**************************************************************//
	// sniff user agent
	var userAgent = navigator.userAgent.toLowerCase();

	// if Mozilla 1.4 then quit
	if ((userAgent.indexOf('gecko') != -1) && (userAgent.indexOf('gecko/') + 14 == userAgent.length) && (parseFloat(userAgent.substring(userAgent.indexOf('rv:') + 3)) == '1.4')) return;

	// if Opera then quit
	if (document.all && window.Event) return;
	//**************************************************************//

	// check this browser can cope with what we want to do
	if (!document.getElementById) return;
	var leftDiv = document.getElementById('left');
	if (!leftDiv) return;
	if (!leftDiv.offsetWidth) return;

	// check if div#left is wide enough to accept two or more floated <dl>s
	leftDiv.className = (leftDiv.offsetWidth >= 621) ? "wide" : "narrow";
	}