DD_belatedPNG.fix('#gallery span'); // png_fix для ie

$(function(){
	
	$('#gallery a').click(
		function(){
			return false;
		}
	);	
	
	var width_def=$('#gallery a img').width();
	var height_def=$('#gallery a img').height();
	var width=width_def*2+'px';
	var height=height_def*2+'px';
	var left_def=$('#gallery a').css('padding-left');
	var top_def=$('#gallery a').css('padding-top');
	var left=width_def/2+'px';
	var top=height_def/2+'px';
	var time=100;
	
	var left='75px';
	var top='60px';
	
	$('#gallery a').hover(
		function(){ // когда наводим мышку
		
			var id=$(this).attr('id');
			enlargeImg(id,left,top,width,height,time);

		},
		function(){ // когда убираем мышку
		
			var id=$(this).attr('id');
			miniImg(id,left_def,top_def,width_def,height_def,time);

		}
	);
	
	
});

// наводим мышку
function enlargeImg(id,left,top,width,height,time) {
	
	$('#gallery a:not(#'+id+')').css({'z-index':'10'});
	$('#'+id).css({'z-index':'100'}).removeClass('small').addClass('big');
	
	$('#'+id).children('img')
		.css({'z-index':'100'})
		.animate(
			{width: width, height: height, left: "-"+left, top: "-"+top},
			{queue:false, duration:time}
		);
	
}

//убираем мышку
function miniImg(id,left,top,width,height,time) {

	$('#'+id).removeClass('big').addClass('small');
	
	$('#'+id).children('img')
		.animate(
			{width: width, height: height, left: left, top: top},
			time, 
			function(){
			
				if(($('#'+id).hasClass('small') || $('#'+id).attr('class')=='') && !($('#'+id).hasClass('big'))){
					$(this).css({'z-index':'10'});
				}
			}
		);
	
}