// JavaScript Document
		$(document).ready(function() {
			$("a.video-popup").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'width'		        : 720,
			    'height'		    : 480,
			});
		});
		$(function(){
				   
			$("#two-button").css({
				opacity: 0.9
			});
			$("#three-button").css({
				opacity: 0.9
			});
		    $("#four-button").css({
				opacity: 0.9
			});
			$("#five-button").css({
				opacity: 0.9
			});
			
			$("#news-wrapper div.button").click(function(){
            	$clicked = $(this);
				
            	// if the button is not already "transformed" AND is not animated
            	if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
            		$clicked.animate({
            			opacity: 1,
            		}, 600 );
					
            		// each button div MUST have a "xx-button" and the target div must have an id "xx" 
            		var idToLoad = $clicked.attr("id").split('-');
					
            		//we search trough the content for the visible div and we fade it out
            		$("#news-content").find("div:visible").fadeOut("fast", function(){
																					
            			//once the fade out is completed, we start to fade in the right div
            			$(this).parent().find("#"+idToLoad[0]).fadeIn();
            		})
            	}
				
            	//we reset the other buttons to default style
            	$clicked.siblings(".button").animate({
            		opacity: 0.9,
            	}, 600 );
            	
            });
		});