$(function() {

	$('.circles a').css({opacity:"0.3", "filter":"alpha(opacity = 30)"});
	$('#screenshot .inner img').hide();
	$('#screenshot .inner img.img1').fadeIn();
	
	$('a.circle1').css({opacity:"0.8", "filter":"alpha(opacity = 80)"});
	
	$('a.circle1').click(function() {
		$('.circles a').css({opacity:"0.3", "filter":"alpha(opacity = 30)"});
		$(this).animate({opacity:"0.8", "filter":"alpha(opacity = 80)"}, 500);
		$('#screenshot .inner img').fadeOut();
		$('#screenshot .inner img.img1').fadeIn(1000);
	});
	$('a.circle2').click(function() {
		$('.circles a').css({opacity:"0.3", "filter":"alpha(opacity = 30)"});
		$(this).animate({opacity:"0.8", "filter":"alpha(opacity = 80)"}, 500);
		$('#screenshot .inner img').fadeOut();
		$('#screenshot .inner img.img2').fadeIn(1000);
	});
	$('a.circle3').click(function() {
		$('.circles a').css({opacity:"0.3", "filter":"alpha(opacity = 30)"});
		$(this).animate({opacity:"0.8", "filter":"alpha(opacity = 80)"}, 500);
		$('#screenshot .inner img').fadeOut();
		$('#screenshot .inner img.img3').fadeIn(1000);
	});
	
	$('li.rss a').css({"opacity":"0.4"});
	$('li.rss a').hover(function() {
		$(this).animate({"opacity":"1.0"});
	}, function() {
		$(this).css({"opacity":"0.4"});
	});
	
});