jQuery(document).ready(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
		}

});


/* Mootools 1.11 Code */
window.addEvent('domready', function(){
  
	var ghover = $$('.grey_hover');
	ghover.each(function(el) {
	el.setStyle('background-color','#FFFFFF');
		var fx = new Fx.Styles(el, {duration:300, wait:false});
		el.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#F0F0F0'
			});
		});
	 
		el.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#FFF'
			});
		});
	});

	var ghover2 = $$('.newsItem');
	ghover2.each(function(el) {
	el.setStyle('background-color','#FFFFFF');
		var fx = new Fx.Styles(el, {duration:300, wait:false});
		el.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#F0F0F0'
			});
		});
	 
		el.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#FFF'
			});
		});
	});
  
  var bhover = $$('.lblue_hover');
	bhover.each(function(el) {
	el.setStyle('background-color','#FFFFFF');
		var fx = new Fx.Styles(el, {duration:300, wait:false});
		el.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#5A7894'
			});
		});
	 
		el.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#FFF'
			});
		});
	});
  
  
  
  /* Typografik Main Menus text color effect */
  var mainDiv = $('menu');
  var mainUl = mainDiv.getElement('ul');
  var mhover = mainUl.getChildren();
  var auxHover1 = new Element('span',{'styles':{'display':'none'}});
  auxHover1.injectInside(document.body);
  auxHover1.addClass('menuHoverTextColor');
	mhover.each(function(el) {
    var ctc = el.getStyle('color');
    var atc = auxHover1.getStyle('color');
    if (ctc && atc) {
      el.setStyle('color', ctc);
      var elink = el.getFirst();
      var espan = elink.getFirst();
      var fx = new Fx.Styles(espan, {
        duration: 250,
        wait: false
      });
      el.addEvent('mouseenter', function(){
        fx.start({
          'color': atc
        });
      });
      
      el.addEvent('mouseleave', function(){
        fx.start({
          'color': ctc
        });
      });
    }
	});
  
  
  /* Typografik Main Sub Menus BG effect */
  var thover = $$('#menu ul.sf-menu li ul li');
  var auxHover2 = new Element('span',{'styles':{'display':'none'}});
  auxHover2.injectInside(document.body);
  auxHover2.addClass('menuHoverBgColor'); 
	thover.each(function(el) {
    var cbc = el.getStyle('background-color');
    //alert(cbc);
    var abc = auxHover2.getStyle('background-color');
    //alert('abc' + abc);
    if (cbc && abc) {
      el.setStyle('background-color', cbc);
      var fx2 = new Fx.Styles(el, {
        duration: 300,
        wait: false
      });
      el.addEvent('mouseenter', function(){
        fx2.start({
          'background-color': abc
        });
      });
      
      el.addEvent('mouseleave', function(){
        fx2.start({
          'background-color': cbc
        });
      });
    }
	});
  
  /* Main Menu Background Slide Effect */
  var mainMenuLis = $$('#right_column ul.menu li');
  mainMenuLis.each(function(li,i){
    
    var link = li.getElement('a');
    li.setStyles({'position':'relative'});
    
    var back = new Element('div',{
      'styles':{
        'position':'absolute',
        'width':0,
        'height':li.getSize().size.y,
        'top':0,
        'left':0,
        'z-index':-1,
        'background':'#EAEAEA'
      }
    });
    var mfx = new Fx.Styles(back,{duration:200, wait:false});

    back.injectInside(li);
    li.addEvent('mouseenter',function(){
      mfx.start({'width':li.getSize().size.x});
    });
    li.addEvent('mouseleave',function(){
      mfx.start({'width':0});
    });
    
  });
    
  /* SF Main Menu Widths */
 /*
  var menuxdiv = $('menu');
  var menux = menuxdiv.getElement('ul');
  var submenux = menux.getElements('ul');
  submenux.each(function(m,i){
    var max = 0;
    var lix = m.getChildren().filterByTag('li');
    lix.each(function(l,i){
      var anchorx = l.getElement('a');
      var spanx = anchorx.getElement('span');
      spanx.innerHTML = (spanx.innerHTML).split(" ").join("&nbsp;");
      max = (l.getSize().size.x > max) ? l.getSize().size.x : max ;
      sub2x = l.getElement('ul');    
    });
    m.setStyle('width',max);
    lix.each(function(l,i){
      var sub2x = l.getElement('ul');
      if(sub2x){
        sub2x.setStyles({'margin-left':max,'left':0});
      }    
    });
  });
  */
 
 /* SF Main Menu - SubMenu Center */
  var menuxdiv = $('menu');
  var menux = menuxdiv.getElement('ul.sf-menu');
  if (menux) {
    if (menux.hasClass('sf-navbar')) {
      
    } else {
      var ops = menux.getChildren().filterByTag('li');
      ops.each(function(o, i){
        var submenu = o.getElement('ul');
        if (submenu) {
          var diff = (submenu.getSize().size.x - o.getSize().size.x) / 2;
          submenu.setStyles({
            'margin-left': -diff
          });
        }
      });
    }
  }
  
  /* Sub Menus Z-Index Fix */
  var zmenus = menux.getElements('ul');
  zmenus.each(function(zm,i){
    //zm.setStyles({'z-index':200*i+1});
  });
  
});