/* Create ImageFlow instances when the DOM structure has been loaded */
domReady(function()
{
	var instanceOne = new ImageFlow();
	instanceOne.init({ ImageFlowID:'myImageFlow',
					 imageScaling: false, 
					 reflections: false, 
					 xStep: 225, 
					 imageFocusMax: 3,
					 circular: true,
					 slider: false,
					 captions: false,
					 opacity: true,
					 opacityArray:[10,9.999,9.999,9.999,9.999]
	});
	
	function highlight_src(image){
		if($(image).attr('class') != 'active'){
			src = $(image).attr('src_on');
			$(image).attr('src', src);
		}					
	}
	function downlight(image){
		if($(image).attr('class') != 'active'){
			src = $(image).attr('src_off');
			$(image).attr('src', src);
		}	
	}
	function inactive_image(image){
		src = $(image).attr('src_off');
		$(image).attr('src', src);	
	}
	function active_image(image){
		src = $(image).attr('src_on');
		$(image).attr('src', src);
	}
	function check_images(image){
		$('img').each(function(){						
			//alert($(this).attr('alt')+" "+$(this).attr('class')+" "+$(this).css('visibility'));
			if($(this).attr("class") != 'active'){
				inactive_image($(this));
			}else{
				active_image($(this));
			}
		});
	}
	$('img').mouseover(function() {
		var opacity = $(this).css("opacity");
		//afin d'éviter de modifier l'image en focus (dont l'opacité est de 1)
		if(opacity != '1'){
			highlight_src($(this));
			$(this).attr('highlight', '1');
			$(this).css("opacity","1");
		}
	});
	$('img').mouseout(function() {
		var opacity = $(this).css("opacity");
		var highlight = $(this).attr("highlight");
		if(opacity == '1' && highlight == '1'){
			downlight($(this));
			$(this).css("opacity","0.9999");
			$(this).removeAttr("highlight");

		}
	});
	function check_bug(){
		$('img').each(function(){
			if($(this).attr("class") == 'active' && $(this).css("visibility") == 'hidden'){
				//on récupere le alt du bug
				var alt = $(this).attr("alt")
				//on scan toutes les images avec ce alt est on change la source de celui qui est visible
				src = $(this).attr('src_on');
				$('img').each(function(){						
					if($(this).attr("alt") == alt){
						$(this).attr('src', src);
					}								
				});
			}
		});
	}
	$('img').click(function() {				
		var oldfocus = $("img[class='active']");
		$(oldfocus).attr('class','inactive');
		var new_selected = $(this);
		$('img').each(function(){
			$(this).attr('class','inactive');
			//alert($(this).attr('alt')+''+$(this).attr('class'))
		});
		new_selected.attr('class','active');
		new_selected.removeAttr("highlight");
		check_images(new_selected);
		setTimeout(check_bug, 2000);
	});
	function setfocus(){
		//on passe toute les images en revue et on met un attr a l'image en focus
		$('img').each(function(){
			var opacity = $(this).css("opacity");
			var visibility = $(this).css("visibility");
			var highlight = $(this).attr("highlight");
			if(opacity == '1' && visibility == 'visible' && highlight != '1'){
				$(this).addClass("active");
			}else{
				$(this).addClass("inactive");
			}
		});
	}		
	
	//on met un set time out car tout n'est pas chargé tout de suite...
	setTimeout(setfocus, 3000);
});