$(document).ready(function() {
	$('a#news').addClass('activ');

	$('#menu a').click(function() {
		var active = $(this);
		$('#content2').fadeOut(600, function() {
			$('#menu a').removeClass('activ');
			$('#subfooter_left a').removeClass('activ');
			active.addClass('activ');
			$('#content2').load("content/" + active.attr("id") + ".html", function() {

				$('#content2').fadeIn(600, function() {

				});
				return false;
			});
		});
	});
	$('#subfooter_left a').click(function() {
		var active = $(this);
		$('#content2').fadeOut(600, function() {
			$('#subfooter_left a').removeClass('activ');
			$('#menu a').removeClass('activ');
			active.addClass('activ');
			$('#content2').load("content/" + active.attr("id") + ".html", function() {

				$('#content2').fadeIn(600, function() {

				});
				return false;
			});
		});
	});
	$('.pics').click(
		function(){
			var pic = $(this).attr("id");
			$('.pics').removeClass("pic_activ");
			$('"#" + pic').addClass("pic_activ");
			switch(pic) {
				case 'pic1':
					$('#content2').load("content/pics.html #pic1", 
						function(){
							$('#content2').fadeIn(600,function(){});
						}
					);
					return false;
				break;
				case 'pic2':
					$('#content2').load("content/pics.html #pic2", 
						function(){
							$('#content2').fadeIn(600,function(){});
						}
					);
				break;
				case 'pic3':
					$('#content2').load("content/pics.html #pic3", 
						function(){
							$('#content2').fadeIn(600,function(){});
						}
					);
				break;
				case 'pic4':
					$('#content2').load("content/pics.html #pic4", 
						function(){
							$('#content2').fadeIn(600,function(){});
						}
					);
				break; 
			}
		
		}
	);
});