var imageSwitch;

$(document).ready(function() {
	
	imageSwitch = new Array();
	
	$('.team').each(function(t){
		
		imageSwitch[t] = true;
		
		var imgUrl = "";
		
		$(this).find('img').each(function(i){
			
			if (i == 0){
				imgUrl = $(this).attr('src');
			
				$(this).replaceWith('<div class="portrait_bg"><div class="portrait"></div></div>');
			}
			
		});
		
		
		$(this).find('.portrait').each(function(){
			
			$(this).css('width', '170px');
			$(this).css('height', '109px');
			$(this).css('background', 'url(/'+imgUrl+') 0px 0px no-repeat');
			
		});
		
		
		//setInterval ( function callFunc() { changeImages(t); }, 3000);
		
	});
	
	
	$('.team_overview td').each(function(t){
			
			
		imageSwitch[t] = true;
		
		var imgUrl = "";
		
		$(this).find('img').each(function(i){
			
			if (i == 0){
				imgUrl = $(this).attr('src');
			
				$(this).replaceWith('<div class="portrait_bg"><div class="portrait"></div></div>');
			}
			
		});
		
		
		$(this).find('.portrait').each(function(){
			
			$(this).css('width', '148px');
			$(this).css('height', '109px');
			$(this).css('background', 'url(/'+imgUrl+') -11px 0px no-repeat');
			
		});
		
		
		//setInterval ( function callFunc() { changeImages(t); }, 3000);
	
	});
	
	setInterval("changeImages()", 5000);
	

});

function changeImages(){
	
	$('.team').each(function(t){
		
			
		$(this).find('.portrait').each(function(){
			
			
			$(this).delay(t*150).fadeOut('fast', function(){
					
				if (imageSwitch[t] == true){
						
					$(this).css('background-position', '0px -109px');
					$(this).css('background-position-y', '-109px');
					imageSwitch[t] = false;
						
				}else{
						
					$(this).css('background-position', '0px 0px');
					$(this).css('background-position-y', '0px');
					imageSwitch[t] = true;
				}
					
				$(this).fadeIn('slow');
					
			});
				
				
				
		});
	});
	
	$('.team_overview td').each(function(t){
			
		$(this).find('.portrait').each(function(){
			
			var row = Math.floor(t/3);
			
			
			$(this).delay(row*150).fadeOut('fast', function(){
					
				if (imageSwitch[t] == true){
						
					$(this).css('background-position', '-11px -109px');
					$(this).css('background-position-y', '-109px');
					imageSwitch[t] = false;
						
				}else{
						
					$(this).css('background-position', '-11px 0px');
					$(this).css('background-position-y', '0px');
					imageSwitch[t] = true;
				}
					
				$(this).fadeIn('slow');
					
			});
				
				
				
		});
	});
}