/*-------- COLUMN MAKER -----------*/
/* http://www.chriscassell.net/log/2005/02/17/splitting_lists.html
	thanks Chris Cassell!
	
	Changed the global scope and made the script object-oriented
	
	*/



var Columnize = function()  {
  
  	  var columnize = function (src, type) {

		  var origList = src;
		  var origClass = src.className;
		
		  var leftList = document.createElement(type);
		  var rightList = document.createElement(type);
		  var container = document.createElement('div');
		  var clearer = document.createElement('div');
		
		 // var items = origList.getElementsByTagName('LI');
		  var items = $(origList).childElements();
		 
		 
		 for (i = 0; i < items.length; i++)
			{
			if (i <= items.length/2) 
				$(leftList).insert(items[i]);
			else $(rightList).insert(items[i]);
			}
		
		
		  container.appendChild(leftList);
		  container.appendChild(rightList);
		
		  leftList.className = 'left' + ' ' + origClass;
		  rightList.className = 'right' + ' ' + origClass;
		  container.className = 'twocol';
		  clearer.className = 'clearer';
		 
		 if (type == 'ol')
			{
			rightList.setAttribute('start', leftList.getElementsByTagName('LI').length + 1 );
			}
		  
		  origList.parentNode.replaceChild(container, origList);
		  container.appendChild(clearer);
	  }
  
	  
	  var init = function(whichclass, type) {
	 
	 	if (arguments.length == 2) {
			var uls = document.getElementsByTagName(type);
			var re = new RegExp('\\b' + whichclass + '\\b');
			var toModify = [];
			
			for (var x=0; x<uls.length; x++)
				if (re.test(uls[x].className)) {
					toModify.push(uls[x]);
				}
			
			for (var i=0; i < toModify.length; i++)
				columnize(toModify[i], type.toLowerCase());
		}
		else {
			$$(arguments[0]).each(function(list) {
			 columnize(list, 'ul');
			})			
  		}
  	
  	}
  		
 	 return init;
  	
  }();
  

/*

if you want to use selectors: 
<script type="text/javascript" src="/xres/js/prototype.js"></script>

<script type="text/javascript" src="/xres/js/twocol.js"></script>
<script type="text/javascript">
	var columns = Columnize('clients', 'ul');
	-OR-
	var columns = Columnize('#main-content ul');
</script>

and need this CSS:

.twocol ul {
	float: left;
	width: 220px;
}

.twocol ul.right {
	margin-top: 8px;
	float: left;
	text-align: left;
}


*/