// JavaScript Document

var middleThumb_animation_duration	=	150;

$(document).ready(function() {
						   
	$('.main_page .thumb, #inner_cols_3_thumbs .thumb, .user_page .thumb').click(function(){
//		$('#middle_thumb').unbind('mouseleave');
		$('#middle_thumb').unbind('click');
		
		$('#middle_thumb').hide();
		$('#middle_thumb_res').hide();
		$('#middle_thumb').removeShadow();


		middleThumb_width  = tumbResolution($(this).attr('res'))[0];
		middleThumb_height = tumbResolution($(this).attr('res'))[1];

		$('#middle_thumb').width(middleThumb_width+'px');
		$('#middle_thumb').height(middleThumb_height+'px');
		
		$('#middle_thumb_img').hide();
		if ($(this).attr('st') == 't')
	 	$('#middle_thumb_img').attr('src', '/ustorage/' + $(this).attr('userId') + '/' + middleThumb_width + 'x' + middleThumb_height + '_tumb_' + $(this).attr('translit')); 
		else 
	 	$('#middle_thumb_img').attr('src', '/pictures/' + $(this).attr('userId') + '/tumbnails/' + $(this).attr('translit') + '-' + $(this).attr('name') + '.jpg'); 
		
		
		var clicked_thumb	=	$(this);
		
		middle_thumb_left	=	(clicked_thumb.offset().left + $(clicked_thumb).width()/2) - middleThumb_width/2;
		middle_thumb_top	=	clicked_thumb.offset().top - (middleThumb_height-$(clicked_thumb).height())/2
		
		
		// Проверка выхода за границы по горизонтали
		middle_thumb_offset_left	=	$(window).width()	- (middle_thumb_left	+ middleThumb_width);
		if (middle_thumb_offset_left-10 < 0)
			middle_thumb_left += middle_thumb_offset_left - 10;
			
		if (middle_thumb_left < 0)
			middle_thumb_left = 10;
		
		// Проверка выхода за границы по вертикали
		middle_thumb_offset_top	=	$('.wrapper').height()	- (middle_thumb_top	+ middleThumb_height);

		if (middle_thumb_offset_top -10 < 0)
			middle_thumb_top += middle_thumb_offset_top - 10;
		
		if (middle_thumb_top<0)
			middle_thumb_top = 10;
		
		// Позиционируем блок

		$('#middle_thumb').css('left', middle_thumb_left);
		$('#middle_thumb').css('top', middle_thumb_top);
		// Показываем с выезжанием
		$('#middle_thumb').show('scale',
								{
								duration: middleThumb_animation_duration,
								callback:function(){
									$('#middle_thumb').dropShadow();
									$('#middle_thumb').css('z-index',50);
									
									$('#middle_thumb_res').css('margin-top', ($('#middle_thumb').height()-40));
									$('#middle_thumb_res').css('margin-left', ( $('#middle_thumb').width()/2) - ( $('#middle_thumb_res').width() / 2));
									
									$('#middle_thumb_res').show();
									
								}});
		
//		$('#middle_thumb_res').html($(this).attr('res'));
//		$('#middle_thumb_res').attr('href',$(this).attr('href'));
		picWH = ($(this).attr('res')).split('x');
		if (picWH[0]/picWH[1] < 2)
   if ($(this).attr('userRes') == "") 
    if (screen.width <= picWH[0] && screen.height <= picWH[1])
     var userRes = screen.width + 'x' + screen.height;
    else 
     userRes = $(this).attr('res');
   else 
    userRes = $(this).attr('userRes');
  else 
    userRes = $(this).attr('userRes') != '' ? $(this).attr('userRes') : '2560x1024';
   
		if ($(this).attr('st') == 't') {
 		$('#middle_thumb_res').html('' + userRes.replace("x", " &times; ") + '');
	 	$('#middle_thumb_res').attr('href','/storage/' + $(this).attr('name') + '.html');
		} else {
 		$('#middle_thumb_res').html('<form method="POST" name="resForm" action="/open/' + $(this).attr('translit') + '-' + $(this).attr('name') + '.html"><input type="hidden" name="resolution" value="' + userRes + '">' + userRes.replace("x", " &times; ") + '</form>');
	 	$('#middle_thumb_res').attr('href','/open/' + $(this).attr('translit') + '-' + $(this).attr('name') + '.html');
	 	$('#middle_thumb_res').click(function() {document.forms.resForm.submit(); return false;});
		}
		
		// Проверка выхода за границы по вертикали
		$('#middle_thumb_img').load(function(){
			$('#middle_thumb_img').show();		
			
			// Закрытие при клике на среднее изображение
			$('#middle_thumb_img').unbind('load');
			
		});
		
		setTimeout("bindMiddleThumbEvents()", 50);
	 return false;	
	});
	
});

function bindMiddleThumbEvents() {
//	$('#middle_thumb').unbind('mouseleave');
	$('#middle_thumb').unbind('click');
	
	$('#middle_thumb').click(function() {
		hideMiddleThumb();
	});
	
//	$('#middle_thumb').mouseleave(function() {
//		hideMiddleThumb();
//	});
}

function hideMiddleThumb() {

//	$('#middle_thumb').unbind('mouseleave ');
	$('#middle_thumb').unbind('click');
	
	$('#middle_thumb').removeShadow();

	$('#middle_thumb').hide('scale',{
		duration: middleThumb_animation_duration*1.5,
		callback:function(){
			$('#middle_thumb').removeShadow();
			
			//setTimeout("bindMiddleThumbEvents()", 50);
		}
	});
	
}