$(document).ready(function(){
	
	$('.Samples a').fancybox();
	$('.Samples a[rel=modal]').fancybox();

	
	
	$('.Title').click(function(){
		

		if(!$(this).find('.white').hasClass('.active')){
			$('.Samples').removeClass('open');
			//$('.Content').animate({width: '+=15'}, 200);
			$(this).next().animate({width: "664px"}, 300).addClass('open');
			$('.Samples').not('.open').animate({width: "0px"}, 300);
			//$('.Content').animate({width: '-=15'}, 100);
		}
		
		$('.Title').find('.white').removeClass('active');
		$(this).find('.white').addClass('active');
		
	});
	
	
	$('.Title').mouseenter(function(){
		if(!$('.Samples').is(':animated')){
			$(this).find('.red').stop(true, true).fadeIn(300);
		}
	});

	$('.Title').mouseleave(function(){
			$(this).find('.red').fadeOut(300);
	});
	
	
	
	

});