window.addEvent('domready', function(){

	var scrollDurt = 1000;
	var viewingBio = 999;

	//
	// defining all three actions mouseover, mouseout & click in general 
	//
	
	highlightBio = function(el) {
		$$('.teamManagementWrap').each(function(element, index) {
			if(index==el || index==viewingBio)	 {
				element.removeClass('unchecked').addClass('checked');
				element.getElements('p').addClass('checkedbio');
			} else {
				element.removeClass('checked').addClass('unchecked');	
				element.getElements('p').removeClass('checkedbio');
			}
	 	}); // bioTxt
	}; // highlightBio
	
	unhighlightBio = function() {
		$$('.teamManagementWrap').each(function(element, index) {
			if(index==viewingBio) {
				element.removeClass('unchecked').addClass('checked');	
				element.getElements('p').addClass('checkedbio');
			} else {
				element.removeClass('checked').addClass('unchecked');
				element.getElements('p').removeClass('checkedbio');
			}
	 	}); // logo_clients		
 	
	};// unhighlightBio
	
	showBio = function(el){
		viewingBio = el;
		var element = $$('.teamManagementWrap');
		element.removeClass('checked').addClass('unchecked');
		$$('.teamManagementWrap').each(function(element, index) {
			if(index==el){
				element.removeClass('unchecked').addClass('checked');
			}
		}); // logo_clients
		
		$$('.bioContent').setStyle('display','none');
		$$('.bioContent').each(function(element, index) {
			if(index==el){
				element.setStyle('display','block');
				// hide landing screen
				$$('.bioContent2').setStyle('display','none');
			}
		}); // bioContent
		
	}; // showBio
	
	//check the menu based on el index
	checkMenu = function(el) {
		$$('#mt a').each(function(element,index) {
			if (index==el) {
				element.addClass('checked');
			}
			else
			{
				element.removeClass('checked');
			}
		}); 
	};
	
	goForward = function(elem) {
		var Scroll = new Fx.Scroll(elem, {
					wait: false,
					duration: scrollDurt
					});
		
		var framexy = $(elem).getScroll();
		framex = framexy.x;
		framey = framexy.y;
		Scroll.start(framex+700,0);
	};
	
	goBackward = function(elem) {
		var Scroll = new Fx.Scroll(elem, {
					wait: false,
					duration: scrollDurt
					});

		var framexy = $(elem).getScroll();
			framex = framexy.x;
			framey = framexy.y;
			Scroll.start(framex-700,0);
	};
	
	scrollBio = function(elem,x){
		var Scroll = new Fx.Scroll(elem, {
					wait: false,
					duration: scrollDurt
					});
		Scroll.start(x*100-100,0);
	};
	
});	// DOM
	
window.addEvent('domready', function() {
	
	var imgArray2 = $$('#scrollContainer2 .teamManagementWrap'); 
	imgCount2 = imgArray2.length;
	containerWidth2 = (imgCount2*100)+2;
	$('scrollContainer2').setStyle('width',containerWidth2);
	
	//
	// assigning style and effect to all anchor elements of the bio
	//
	$$('#scrollContainer2 .teamManagementWrap').each(function(element, index) {
		element.addEvents({
			'mouseenter':function() {
				highlightBio(index);
			}, 
			'mouseleave':function() {
				unhighlightBio();
			}, 
			'click':function() {
				showBio(index);
				checkMenu(index);
			}	
		}); // each element
	}); // #scrollContainer2 a
	
	//
	// assigning the menu styles and effects.
	//
	$$('#mt a').each(function(element, index) {
		element.addEvents({
			'mouseenter':function() {
				highlightBio(index);
			}, 
			'mouseleave':function() {
				unhighlightBio();
			}, 
			'click':function() {
				// remove checked from all other elements first.
				checkMenu(index);
				showBio(index);
				scrollBio('scroll2', index);
			}			
		}); // each element
	}); // #mt a	
}); //DOM