var lbimgs = [];

var lbcurrentimg = 0;

$(document).ready(function(){
	lbox_init();
});


$(window).scroll(function () { 
    pos(); 
});
$(window).resize(function () { 
    pos(); 
});


function lb_loadimages()
{
	$("a").each(function(){
		if($(this).attr('rel')=='lbox')
		{
			title = $(this).attr('title');
			arr = title.split('|');
			lbimgs[lbimgs.length] = [$(this).attr('href'),arr];
			var i = lbimgs.length-1;
			$(this).attr('title','');
			$(this).click(function(){
				lbloadimg(i);
				return false;	
			});
		}
	});

	if(lbimgs.length==1)
	{
		$(".pnl").hide();	
		$(".pnr").hide();	
	}
	else
	{
		$(".pnl").show();	
		$(".pnr").show();	
	}
}

function lb_loadgallery(arr,num)
{
	lbimgs = [];

	for($i=0;$i<arr.length;$i++)
	{
		ar = arr[$i].split('|');
		lbimgs[$i] = [ar[0],[ar[1],ar[2]]];
	}

	if(lbimgs.length==1)
	{
		$(".pnl").hide();	
		$(".pnr").hide();	
	}
	else
	{
		$(".pnl").show();	
		$(".pnr").show();	
	}
	lbloadimg(num);
}


function lbloadimg(i)
{
	$('.lbox').hide();
	$('.lbox .lbtitle').html(lbimgs[i][1][0]);
	lbcont = lbimgs[i][1][1]
	lbcont.replace('&lt;','<');
	lbcont.replace('&gt;','>');
	$('.lbox .lbcont').html(lbcont);
	$('.lbox .lbinfo').html((i+1)+' из '+lbimgs.length);
	$('.lbox .mn').html('<img src="'+lbimgs[i][0]+'" id="lbimg" />');

//	$('img#lbimg').attr('src',lbimgs[i][0]);

	document.getElementById('lbimg').onload = function(){
		bgshow();
		lbshow();
	}
	lbcurrentimg = i;
}

function lbnext()
{
	img = lbcurrentimg == lbimgs.length-1 ? 0 : lbcurrentimg+1;
	lbloadimg(img);	
}
function lbprev()
{
	img = lbcurrentimg == 0 ? lbimgs.length-1 : lbcurrentimg-1;
	lbloadimg(img);	
}
                                                                                                                               
function lbshow()
{
//  	alert(document.getElementById('lbimg').height);
	pos();
	$('.lbox').show();
	$('.lbox').animate({opacity:1},500);
}
function bgshow()
{
	$('.lboxbg').show();
	$('.lboxbg').animate({opacity:0.6},500);
	$('.lbload').show();
}
function lbhide()
{
	$('.lbox').animate({opacity:0},500);
	$('.lbox').hide();
}
function bghide()
{
	$('.lboxbg').animate({opacity:0},500);
	$('.lboxbg').hide();
	$('.lbload').hide();
}
function lbclose()
{
	lbhide();
	bghide();
}


function pos()
{
	$('.lboxbg').css('width',$(document).width()+'px');
	$('.lboxbg').css('height',$(document).height()+'px');	

	$('.lbload').css('left',($(document).width()-100)/2);
	$('.lbload').css('top',$(window).scrollTop()+($(window).height()-100)/2);

	$('.lbox').css('left',($(document).width()-$('.lbox').width())/2);
	$('.lbox').css('top',$(window).scrollTop()+($(window).height()-$('.lbox').height())/2);
	

}

function lbox_init()
{

	lb_loadimages();

	html  = '<style>';
	html += '.lbox{position:absolute;top:0;left:0;background:#FFFFFF;padding:5px 20px;z-index:10002;display:none;opacity:0;}';
	html += '.lbload{position:absolute;top:0;left:0;width:100px;height:100px;z-index:10001;display:none;background:url("/img/load.gif") 0 0 no-repeat}';
	html += '.lboxbg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;z-index:10000;opacity:0;display:none}';
	html += '.lbox .head{text-align:right}';
	html += '.lbox .lbtab{background:#dededd;border:1px solid #AAAAAA}';
	html += '.lbox .pnl{padding:10px 40px;background: url("/img/arrow-l.gif") center center no-repeat;cursor:hand}';
	html += '.lbox .pnr{padding:10px 40px;background: url("/img/arrow-r.gif") center center no-repeat;cursor:hand}';
	html += '.lbox .mn{padding:20px;background: url("/img/lbbg.jpg") 0 10px repeat-x}';
	html += '.lbox .mn img{box-shadow: 2px 2px 7px #777; -webkit-box-shadow: 2px 2px 7px #777; -moz-box-shadow: 2px 2px 4px #777;}';
	html += '.lbox .ftr{padding:10px;}';
	html += '.lbox .lbtitle{font-size:12px;font-weight:bold;color:#000000;text-align:left}';
	html += '.lbox .lbcont{font-size:11px;color:#555555;text-align:left}';
	html += '.lbox .lbcont p {margin:0;padding:0}';
	html += '.lbox .lbinfo{font-size:11px;color:#999999;text-align:left}';
	html += '</style>';
	html += '<div class="lboxbg"></div>';
	html += '<div class="lbload"></div>';
	html += '<div class="lbox"><div class="head"><a href="#" onclick="lbclose();return false;"><img src="/img/close.gif" /></a></div><table class="lbtab"><tr><td class="pnl"></td><td class="mn"><img src="/img/load.gif" id="lbimg" /></td><td class="pnr"></td></tr></table><div class="ftr"><div class="lbtitle"></div><div class="lbcont"></div><div class="lbinfo"></div></div></div>';
	$('body').append(html);
//	pos();

    $('.lbox .pnl').click(function(){
    	lbprev();
    });
    $('.lbox .pnr').click(function(){
    	lbnext();
    });
    $('.lboxbg').click(function(){
    	lbclose();
    });

}