var page_id = 0;
var wall_moving = false;

$(function (){
	if ($('.wall').size() > 1) {
		$('.wall_button').click (function (){
			var to_hide = page_id;
			page_id = parseInt($(this).text());
			
			$('.wall_button').removeClass('active_wall');
			$(this).addClass('active_wall');
			
			if (page_id != to_hide){
				wall_moving = true;
				
				$('#wall_' + page_id).css ({left: to_hide < page_id ? '100%' : '-100%', marginLeft: '0'}, 1000);
				$('#wall_' + page_id).animate ({left: '50%', marginLeft: '-450px'}, 1000, function (){
					wall_moving = false;
				});
				$('#wall_' + to_hide).animate ({left: to_hide < page_id ? '-100%' : '100%', marginLeft: '0'}, 1000);
			}
		});
		
		$('.wall_button:first').click ();
	}
	else{
		$('#wall_1').animate ({left: '50%', marginLeft: '-450px'}, 1000);
	}
	
	var images = Array();
	
	$('.brick').each (function (){
		var img = $(this).children('.brick_image:first').css('background-image');
		img_src = img.substr(0, img.length -1).replace('url(', '');
		images.push($.trim(img_src));
	});
	
	preload_images (function (){
		$('.brick').fadeIn('slow');
	}, images);
	
	
	$('.brick > .brick_image').fadeTo('slow', 0.85);

	$('.brick').hover (function (){
		$(this).children('.brick_image').css('z-index', 997);
		$(this).children('.brick_image').css({top: '-26px', left: '-38px', opacity: 1}).find('span').css({width: '229px', height: '171px'});
		
		$(this).children('.brick_name').show();
	},
	function (){
		$(this).children('.brick_image').css('z-index', 10);
		$(this).children('.brick_image').css({top: '0', left: '0', opacity: 0.85}).find('span').css({width: '153px', height: '119px'});
		
		$(this).children('.brick_name').hide();
	});
	
	$('.brick').mousemove(function (e){
		var x = e.pageX - $(this).offset().left - 15;
		var y = e.pageY - $(this).offset().top + 35;
		
		$(this).children('.brick_name').css({top: y + 'px', left: x + 'px'});
	});
	
	if ($.browser.msie && $.browser.version < 7){
		$('#user-panel').hover(function (){
			if ($(this).children().children('.hidden').size() > 0) $("#wall_container").hide();
		},
		function (){
			if ($(this).children().children('.hidden').size() > 0) $("#wall_container").show();
		});
	}
});