var photos = null;
var photo = {};

var panelTop = 0;
var panelLeft = 0;
var panel = {};
var distance = 30;
var saveX = 0;
var saveY = 0;
var movePanelTop = 0;
var movePanelLeft = 0;
var panelOffsetX = 0;
var panelOffsetY = 0;
var block = null;



function hidePanel()
{
	panel.style.display = 'none';
}

function photoFormMouseMove(e)
{
	if (!e) var e = window.event;

	if (panel.style.display == '' &&
		e.clientX > panelLeft - distance &&
		e.clientY > panelTop - distance &&
		e.clientX < panelLeft + panel.offsetWidth + distance &&
		e.clientY < panelTop + panel.offsetHeight + distance)
	{
		saveX = e.clientX - panelLeft;
		saveY = e.clientY - panelTop;
		return;
	}

	if (panel.style.display != '') 
	{
		panel.style.display = '';
		panelTop = e.clientY;
		panelLeft = e.clientX;
		panel.style.top = panelTop + 'px';
		panel.style.left = panelLeft + 'px';
		return;
	}
	
	// Определяем координаты точки в которую необходимо переместить форму
	panelTop = e.clientY - saveY;
	panelLeft = e.clientX - saveX;

	// Определяем смещения до новой точки
	panelOffsetY = movePanelTop - panelTop;
	panelOffsetX = movePanelLeft - panelLeft;
	
	panel.style.top = panelTop + 'px';
	panel.style.left = panelLeft + 'px';
	
}

function createPhotoForm(imageURL)
{
	var photoForm = document.createElement('div');
	photoForm.id = 'photoForm';
	photoForm.className = 'pb';

	photoForm.innerHTML = 
	'<table class=\'pb\' cellpadding=\'0\' cellspacing=\'0\'>' +
	'<tr>' + 
	'<td align=\'center\' valign=\'middle\'>' +
	'<img id=\'photo\' src=\'' + imageURL + '\' alt=\'\' style=\'\'>' + 
	'<div class=\'pbcp\' id=\'photoFormControlPanel\' style=\'display: none;\'>' +
	'<input id=\'rbprev\' type=\'image\' src=\'http://www.fotoart24.ru/view/common/images/rbprev.png\' onclick=\'showPrevPhoto()\' onfocus=\'this.blur()\'>' + 
	'<input id=\'rbnext\' type=\'image\' src=\'http://www.fotoart24.ru/view/common/images/rbnext.png\' onclick=\'showNextPhoto()\' onfocus=\'this.blur()\'>' + 
	'<input type=\'image\' src=\'http://www.fotoart24.ru/view/common/images/rbclose.png\' onclick=\'hideModalForm()\' onfocus=\'this.blur()\'>' + 
	'</div>' +
	'</td>' + 
	'</tr>' +
	'</table>';

	return photoForm;
}

function getPhotoIndex()
{

}

function showNextPhoto()
{
	$('#rbprev').css('display', 'block');
	photo.index++;
	if(!(photos[photo.index+1])) $('#rbnext').css('display', 'none');
		
	if(block == 'goods')var index = 0;
	else var index = 2;
			
	photo.id = photos[photo.index]['id'];
	var src = '/data/' + block + '/' + photos[photo.index]['path'] + '/' + photos[photo.index]['code'] + index + '.' + photos[photo.index]['extension'];

	$('#photo').fadeOut("slow", function () 
	{
		$('#photo').attr('src', src);
		$('#photo').load( function()
		{
			$('#photo').fadeIn("slow");
		});	
	});	
}

function showPrevPhoto()
{
	$('#rbnext').css('display', 'block');
	photo.index--;
	if(!(photos[photo.index-1])) $('#rbprev').css('display', 'none');
			
	
	if(block == 'goods')var index = 0;
	else var index = 2;
			
	photo.id = photos[photo.index]['id'];
	var src = '/data/' + block + '/' + photos[photo.index]['path'] + '/' + photos[photo.index]['code'] + index + '.' + photos[photo.index]['extension'];
		
	$('#photo').fadeOut("slow", function () 
	{
		$('#photo').attr('src', src);
		$('#photo').load( function()
		{
			$('#photo').fadeIn("slow");
		});	
	});
}

function showPhotoForm(o) 
{ 
	block = 'goods';
	photo.id = o.id.replace(/photoId(\d+)index(\d+)/,'$1');
	photo.index = o.id.replace(/photoId(\d+)index(\d+)/,'$2');
	photo.width = getClientWidth();
	photo.height = getClientHeight();
	
	index = 0;
	o.href = o.href.replace(/(\d)\.([[jpeg|jpg|gif|png|bmp])/,index + '.$2');
	
	var url = '' + 
	'/data/goods/' + 
	photos[photo.index]['path'] + 
	'/' + photos[photo.index]['code'] +
	index + '.' + photos[photo.index]['extension']; 

	var photoForm = createPhotoForm(url);

	showModalForm(photoForm);
	photoForm.parentNode.style.height = '100%';
	photoForm.parentNode.style.top = '0%';
	
	$('#photo').hide();
	$('#photo').fadeIn("slow");

	if(parseInt(photo.index) == 0) $('#rbprev').css('display', 'none');
	if(parseInt(photo.index) == (photos.length-1)) $('#rbnext').css('display', 'none');

	panel = document.getElementById('photoFormControlPanel');
	panel.style.display = '';
	
	document.onmousemove = photoFormMouseMove;

	if (document.captureEvents) { document.captureEvents(Event.MOUSEMOVE); }

	return false; 
}

function showContestPhotoForm(o) 
{ 
	
	block = 'contests';
	photo.id = o.id.replace(/photoId(\d+)index(\d+)/,'$1');
	photo.index = o.id.replace(/photoId(\d+)index(\d+)/,'$2');
	photo.width = getClientWidth();
	photo.height = getClientHeight();
	
	index = 2;
	o.href = o.href.replace(/(\d)\.([[jpeg|jpg|gif|png|bmp])/,index + '.$2');

	var url = '' + 
	'/data/contests/' + 
	photos[photo.index]['path'] + 
	'/' + photos[photo.index]['code'] +
	index + '.' + photos[photo.index]['extension']; 


	var photoForm = createPhotoForm(url);

	showModalForm(photoForm);
	photoForm.parentNode.style.height = '100%';
	photoForm.parentNode.style.top = '0%';
	
	$('#photo').hide();
	$('#photo').fadeIn("slow");

	if(parseInt(photo.index) == 0) $('#rbprev').css('display', 'none');
	if(parseInt(photo.index) == (photos.length-1)) $('#rbnext').css('display', 'none');

	panel = document.getElementById('photoFormControlPanel');
	panel.style.display = '';
	
	document.onmousemove = photoFormMouseMove;

	if (document.captureEvents) { document.captureEvents(Event.MOUSEMOVE); }

	return false; 
}