/*jQuery(document).ready( function () {

	jQuery("#ProductBodyBox")
	.mouseover(function(){ 
		jQuery("#bigProduct h3").text('BodyBox');
		jQuery("#bigProduct a").replaceWith('<a href="www.google.be"> Description de la bodybox</a>');
		jQuery("#bigProduct").css({'background-image':'url(images/stories/products/bodybox.png)'});
		
		
		jQuery("#ProductBodyBox").css({opacity:1.0});
		jQuery("#ProductBlueSpiro").css({opacity:0.5});
		

	});
	
	jQuery("#ProductBlueSpiro")
	.mouseover(function(){ 
		jQuery("#bigProduct h3").text('Blue Spiro');
		jQuery("#bigProduct a").replaceWith('<a href="index.php/en/spirometry/blue-spiro"> Description du Blue Spiro</a>');
		jQuery("#bigProduct").css({'background-image':'url(images/stories/products/blueSpiro.png)'});
		
		
		jQuery("#ProductBlueSpiro").css({opacity:1.0});
		jQuery("#ProductBodyBox").css({opacity:0.5});
	});

	
	jQuery("#bigProduct h3").text('BodyBox');
		jQuery("#bigProduct a").replaceWith('<a href="www.google.be"> Description de la bodybox</a>');
		jQuery("#bigProduct").css({'background-image':'url(images/stories/products/bodybox.png)'});*/
		
		
		
		
	/*
	 * Au chargement de la page, mettre l'opacité à 0.5 pour les produits non sélectionnés
	*/
	
	//jQuery("#ProductBlueSpiro").css({opacity:0.5});
	
	
	
	
	/*Show Banner
	

	
});*/


jQuery(document).ready(function() {	

   
	//Show Banner
	jQuery(".main_image .desc").show(); //Show Banner
	jQuery(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity

	//Click and Hover events for thumbnail list
	jQuery(".image_thumb ul li:first").addClass('active'); 
	jQuery(".image_thumb ul li").click(function(){ 
		//Set Variables
		jQuery(".main_image").stopTime('timer');
		var imgAlt = jQuery(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgTitle = jQuery(this).find('a').attr("href"); //Get Main Image URL
		var imgDesc = jQuery(this).find('.block').html(); 	//Get HTML of block
		var imgDescHeight = jQuery(".main_image").find('.block').height();	//Calculate height of block	
		
		if (jQuery(this).is(".active")) {  //If it's already active, then...
			return false; // Don't click through
		} else {
			//Animate the Teaser				
			jQuery(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
				jQuery(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
				jQuery(".main_image img").attr({ src: imgTitle , alt: imgAlt});
			});
		}
		
		jQuery(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
		jQuery(this).addClass('active');  //add class of 'active' on this list only
		return false;
		
	}) .hover(function(){
		jQuery(this).addClass('hover');
		}, function() {
		jQuery(this).removeClass('hover');
	});
	
	
	
	
	
	jQuery(function() {
			playSlideshow = setInterval('slideSwitchTimed()', 7000 );
		});		
	
		function slideSwitchTimed() {
		jQueryactive = jQuery('.image_thumb ul li.active').next();
		if ( jQueryactive.length == 0 ) jQueryactive = jQuery('.image_thumb ul li:first'); 
		slideSwitch();
		}
		
		function slideSwitchClick() {
			slideSwitch();			
		}
		
		function slideSwitch() {
		var jQueryprev = jQuery('.image_thumb ul li.active');
 
		//Show active list-item
		jQueryprev.removeClass('active');
		jQueryactive.addClass('active');
		
		//Set Variables
		var imgAlt = jQueryactive.find('img').attr("alt"); 
		var imgTitle = jQueryactive.find('a').attr("href"); 
		var imgDesc = jQueryactive.find('.block').html(); 
		var imgDescHeight = jQuery(".main_image").find('.block').height(); 
	
		if (jQuery(this).is(".active")) { 
		return false; 
		} else { 
		 
		jQuery(".main_image img").animate({ opacity: 0}, 250 );


		jQuery(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
		jQuery(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
		jQuery(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		});		
		}
		return false;
	}
	
	 jQuery(".main_image").everyTime(7000, 'timer',function(i) {
					slideSwitchTimed();
				});
	
			
	//Toggle Teaser
	jQuery("a.collapse").click(function(){
		jQuery(".main_image .block").slideToggle();
		jQuery("a.collapse").toggleClass("show");
	});
	
	
	
	
	

	
	
});//Close Function

/*jQuery(document).ready(function() {	
		jQuery(".main_image .desc").show(); //Show Banner
		jQuery(".main_image .block").animate({ opacity: 0.65 }, 1 ); jQuery(".image_thumb ul li:first").addClass('active'); //runs function on click
		
		jQuery(".image_thumb ul li").click(function () {
		    var imgAlt = jQuery(this).find('img').attr("alt"); 
			var imgTitle = jQuery(this).find('a').attr("href"); 
			var imgDesc = jQuery(this).find('.block').html(); 	
			var imgDescHeight = jQuery(".main_image").find('.block').height();	
			
			if (jQuery(this).is(".active")) {  
				return false;
			} else {
					jQuery(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
					jQuery(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250 );
					jQuery(".main_image img").attr({ src: imgTitle , alt: imgAlt});
				});
			}
			
			jQuery(".image_thumb ul li").removeClass('active'); 
			jQuery(this).addClass('active');  
			slideSwitchClick();
			return false;jQueryactive = jQuery(this);
		
		})
		
		
		
		
		.hover(function(){ 
		jQuery(this).addClass('hover'); 
		clearInterval(playSlideshow);
		playSlideshow = setInterval('slideSwitchTimed()', 3000 );	
		
		}, function() {
		jQuery(this).removeClass('hover'); 		
		});
		
		//runs function, set timer here
		jQuery(function() {
			playSlideshow = setInterval('slideSwitchTimed()', 3000 );
		});		
	
		function slideSwitchTimed() {
		jQueryactive = jQuery('.image_thumb ul li.active').next();
		if ( jQueryactive.length == 0 ) jQueryactive = jQuery('.image_thumb ul li:first'); 
		slideSwitch();
		}
		
		function slideSwitchClick() {
			slideSwitch();			
		}
		
		function slideSwitch() {
		var jQueryprev = jQuery('.image_thumb ul li.active');
 
		//Show active list-item
		jQueryprev.removeClass('active');
		jQueryactive.addClass('active');
		
		//Set Variables
		var imgAlt = jQueryactive.find('img').attr("alt"); 
		var imgTitle = jQueryactive.find('a').attr("href"); 
		var imgDesc = jQueryactive.find('.block').html(); 
		var imgDescHeight = jQuery(".main_image").find('.block').height(); 
	
		if (jQuery(this).is(".active")) { 
		return false; 
		} else { 
		 
		jQuery(".main_image img").animate({ opacity: 0}, 250 );
		jQuery(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
		jQuery(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
		jQuery(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		});		
		}
		return false;
	}
		});*/