$(function() {
	// Projects
	$('#project_tags .tag').click(function(e){
		e.preventDefault();
		$('#project_tags .tag').removeClass('selected');
		$(this).addClass('selected');
		var tagid = $(this).attr('id');
		$('#projects_list li').each(function(){
			if($(this).hasClass(tagid)) $(this).show();
			else $(this).hide();
		});
	});
	$('#show_all_projects').click(function(e){
		e.preventDefault();
		$('#project_tags .tag').removeClass('selected');
		$('#projects_list li').show();
	});

	// News
	if(hideNewsPanel) $('#news_panel').hide();	
	$('#show_more_news').click(function(e) {
		e.preventDefault();
		$('#more_news').addClass('loading');
		$('#news_panel').load('/get_news.php?page='+(++newsPage), function(){
			$('#news_panel').slideDown('normal');
			$.ajax({
				url: '/has_more_news.php?page='+newsPage,
				success: function(data) {
					$('#more_news').removeClass('loading');
					if(!data)
					{
						$('#more_news').hide();
					}
				}
			});
		});
	});
	
	// Preview pictures
	$('#preview_pictures').mousemove(function(e) {
		var pic = parseInt((e.clientX - $(this).offset().left)/30);
		if(pic >= 0 && pic < $(this).children().length-1)
		{
			$('#preview_div').css('background',"url('/img/"+previewPicturesList[pic]+"')");
		}
	});
	$('#preview_pictures').mouseleave(function(e) {
		$('#preview_div').css('background','');
	})
	$('#preview_pictures').click(function(e) {
		var pic = parseInt((e.clientX - $(this).offset().left)/30);
		$('#project_tags .tag').removeClass('selected');
		$('#projects_list li').show();
		document.location = '/#'+previewProjectsList[pic];
	});
	
	// Project pictures
	$('.picture_numbers a').click(function(e){
		e.preventDefault();
		$(this).parent().prev().attr('src', $(this).attr('href'));
		$(this).parent().find('a').removeClass('selected');
		$(this).addClass('selected');
	});
	$('.project_pictures img').click(function(e){
		var nextImage = $(this).parent().find('.picture_numbers a.selected').removeClass('selected').next();
		if(!nextImage.html())
		{
			$(this).find('.picture_numbers a');
			nextImage = $(this).parent().find('.picture_numbers a').first();
		}
		$(this).parent().find('img').attr('src', nextImage.addClass('selected').attr('href'));
	});
});