//-----------------------------------------------------------------------------------------------------
// On DOM Loaded, entoncess........
jQuery(function() {
	jQuery = jQuery.noConflict();
	
// add odd even clases in triplets      
 
  var rowClass = 'even';

  var rowIndex = 0;

  jQuery('#userSeven ul.columns li').each(function(index) {

	if (rowIndex % 3 == 0) {
		rowClass = (rowClass == 'even' ? 'odd' : 'even')
	}
    jQuery(this).addClass(rowClass);

    rowIndex++;
  });

// loop through Elements 
// 
	var elems = jQuery("#userSeven ul.columns li.odd");
	for (var i=0; i<elems.length; i+=3)
	{
	  elems.slice(i,i+3)   // split off a pair
	    .wrapAll('<li class="parent odd"></li>'); // wrap it
	} 

	var elems2 = jQuery("#userSeven ul.columns li.even");
	for (var i=0; i<elems2.length; i+=3)
	{
	  elems2.slice(i,i+3)   // split off a pair
	    .wrapAll('<li class="parent even"></li>'); // wrap it
	}  
	
	// add odd even clases in triplets      

	  var rowClass2 = 'even';

	  var rowIndex2 = 0;

	  jQuery('#userEight ul.columns li').each(function(index) {

		if (rowIndex2 % 3 == 0) {
			rowClass2 = (rowClass2 == 'even' ? 'odd' : 'even')
		}
	    jQuery(this).addClass(rowClass2);

	    rowIndex2++;
	  });

	// loop through Elements 
	// 
		var elems3 = jQuery("#userEight ul.columns li.odd");
		for (var i=0; i<elems3.length; i+=3)
		{
		  elems3.slice(i,i+3)   // split off a pair
		    .wrapAll('<li class="parent odd"></li>'); // wrap it
		} 

		var elems4 = jQuery("#userEight ul.columns li.even");
		for (var i=0; i<elems4.length; i+=3)
		{
		  elems4.slice(i,i+3)   // split off a pair
		    .wrapAll('<li class="parent even"></li>'); // wrap it
		}

});

