$(document).ready(function(){
	$('#projects .project').click(function(){
		$('#detail-project').css('display','block');
		$('#detail-project .projects > .active').removeClass('active');
		$('#detail-project #'  + $(this).attr('rel') + '-detail').addClass('active');
		var oQuote = $('#' + $(this).attr('rel') + '-quote');
		if(oQuote.html().length>30)
		{
			$('#detail-project-bottom').removeClass('noquote');
			$('#detail-project-bottom>ul>li').css('display','none');
			oQuote.css('display','block');
		}
		else
		{
			$('#detail-project-bottom').addClass('noquote');
		}
		scrollEffect = $(window).scrollTo( '#detail-project', 800 );
	});
	$('.image-menu li').click(function(){
		$(this).parent().children('li.active').removeClass('active');
		$(this).addClass('active');
		$oMenu = $(this).parent();
		$oActive = $(this).parent().parent().children('img');
		$oItem = 	$('#' + $(this).attr('rel'));
		
		if (!$oItem.hasClass('active'))
		{
			$oActive.css({'z-index':1});
			$('#' + $(this).attr('rel')).css({'z-index':2, 'opacity':0, display:'block'}).animate({opacity:1},500,function(){
				$(this).parent().children('.active').removeClass('active').css({display:'none'});
				$(this).addClass('active');
			});
		}
	});
		
	scrollEffect = null;
	$(document).mousewheel(function(){
		if (scrollEffect)
		{
			$('html').stop();
		}
	});
});