////MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2009 Aaron Newton <http://clientcide.com/>, Valerio Proietti <http://mad4milk.net> & the MooTools team <http://mootools.net/developers>, MIT Style License.

//function tween(elementid){
//var myFx = new Fx.Tween(element);
//Transitions the background color of the Element from black to red:
//myFx.start('background-color', '#000', '#f00');

var selectedMember;
var raised="";
jQuery(document).ready( function() {
  var boardmembers = $$('#boardmembers .advisorContainer');
  var fx = new Fx.Elements(boardmembers, {
  	wait: false, duration: 200, transition: Fx.Transitions.quadOut});
  var boardmembersImg = $$('#boardmembers .advisor');
  var fx2 = new Fx.Elements(boardmembersImg, {
  	wait: false, duration: 200, transition: Fx.Transitions.quadOut});
  var boardmembersTxt = $$('#boardmembers .mtoolsfcstxt');
  var fx3 = new Fx.Elements(boardmembersTxt, {
  	wait: false, duration: 200, transition: Fx.Transitions.quadOut});
  var fx4 = new Fx.Tween("boardmembers",{
  	wait: false, duration: 200, transition: Fx.Transitions.quadOut});
  	        	//$("mtools").setStyle('overflow',"hidden")
  boardmembers.each(function(boardmember, i){


    boardmember.addEvent('mouseenter', function(e){
      var obj = {};
      var objImg = {};
      var objTxt = {};
      var selected=0;
      var bmleft=0;
      obj[i] = {
        'width': [boardmember.getStyle('width').toInt(), 211 ], /* 236 */
        'height': [boardmember.getStyle('height').toInt(), 118], /* 151 */
        'top':  [boardmember.getStyle('top').toInt(), 0]
      	};

      objImg[i] = {
        'width': [boardmember.getStyle('width').toInt(), 84 ], /* 109 */
        'height': [boardmember.getStyle('height').toInt(), 111] /* 144 */
      	};

      objTxt[i] = {
        'left': [boardmember.getStyle('width').toInt(), 84 ],  /* 109 */
        'width': [boardmember.getStyle('width').toInt(), 121 ],
        'height': [boardmember.getStyle('height').toInt(), 111], /* 145 */
        'display':'block'
      	};
      var o=0
      boardmembers.each(function(other, j){
      	if (other == boardmember){
      		other.getElement("img.advisorImage").setStyle('border',"3px solid #bbbbbb")
       		selected=o;
      		}
        if (other != boardmember ){
        	other.getElement("img.advisorImage").setStyle('border',"3px solid #7d7d7d")
        	o++;
          var w = other.getStyle('width').toInt();
          var h = other.getStyle('height').toInt();
          var t = other.getStyle('top').toInt();
          if (w != 69 || h!=122) obj[j] = {'width': [w, 69],'height': [h,122 ],'top':[t,15]  };
        }
      } );
      boardmembersImg.each(function(other, j){
        if (other.id.indexOf( "mtools"+boardmember.id)==-1){
          var w = other.getStyle('width').toInt();
          var h = other.getStyle('height').toInt();
          if (w != 63 || h!=82) objImg[j] = { 'width': [w, 63],'height': [h,82 ] }; /* 84 x 113*/
        }
      } );
      boardmembersTxt.each(function(other, j){
        if (other.id.indexOf( "mtools"+boardmember.id+"txt")==-1){
          var l = other.getStyle('left').toInt();
          var w = other.getStyle('width').toInt();
          var h = other.getStyle('height').toInt();
          //if (w != 121 )
          objTxt[j] = {'display':'none','left': [l, 84],'width': [w, 121],'height': [h,112 ] };
        }
      } );
				var bmleft=-(Math.floor(86/3)*selected)

      fx.start(obj);
      fx2.start(objImg);
      fx3.start(objTxt);
      fx4.start("left",  $("boardmembers").getStyle("left"),bmleft )
    });






/** reset **/

      var obj = {};
      var objImg = {};
      var objTxt = {};
    	boardmembers.each(function(other, j){
        	other.getElement("img.advisorImage").setStyle('border',"3px solid #7d7d7d")
      		obj[j] = {'width': [other.getStyle('width').toInt(), 69],
      				  'height': [other.getStyle('height').toInt(), 122],
      				  'top':'15px' };

    		});
    	boardmembersImg.each(function(other, j){
      		objImg[j] = {
      						 'width': [other.getStyle('width').toInt(), 63],
      				     'height': [other.getStyle('height').toInt(), 82]};
    		});
    	boardmembersTxt.each(function(other, j){
      		objTxt[j] = {'display':'none',
      						 'left': [other.getStyle('left').toInt(), 0],
      						 "width":"50px",
      						 "height":"50px"};

    		});
      fx.start(obj);
      fx2.start(objImg);
      fx3.start(objTxt);
      fx4.start("left",  $("boardmembers").getStyle("left"),0 )

/*+ end reset **/

  });

  $('boardmembers').addEvent('mouseleave', function(e){
      var obj = {};
      var objImg = {};
      var objTxt = {};
    	boardmembers.each(function(other, j){
        	other.getElement("img.advisorImage").setStyle('border',"3px solid #7d7d7d")
      		obj[j] = {'width': [other.getStyle('width').toInt(), 69],
      				  'height': [other.getStyle('height').toInt(), 122],
      				  'top':'15px' };

    		});
    	boardmembersImg.each(function(other, j){
      		objImg[j] = {
      						 'width': [other.getStyle('width').toInt(), 63],
      				     'height': [other.getStyle('height').toInt(), 82]};
    		});
    	boardmembersTxt.each(function(other, j){
      		objTxt[j] = {'display':'none',
      						 'left': [other.getStyle('left').toInt(), 0],
      						 "width":"50px",
      						 "height":"50px"};

    		});
      fx.start(obj);
      fx2.start(objImg);
      fx3.start(objTxt);
      fx4.start("left",  $("boardmembers").getStyle("left"),0 )
  });


});