// Определяем наборы изобzzражений
var images = {
    'gal' : [
    ]
};

	$j(document).ready(function(){ // Когда документ готов
	$j.ajax({
		type: "POST",
		url: "/admin/gallhotels/list_pics.php",
		data: "url_info="+window.location.pathname,
		}).done(function( msg ) {
			images.gal = jQuery.parseJSON(msg);
			var lines = Math.ceil(images.gal.length/10);
			if (images.gal.length < 10) $j("#gallery ul#thumbs").css('left', (360-58*(Math.floor(images.gal.length/2)))+'px');
			$j("#gallery ul#thumbs").css('bottom', '-'+(38*(lines-1))+'px');
			$j("#gallery ul#thumbs").mouseover(function(){
				$j("#gallery ul#thumbs").css('opacity', 1);
				$j("#gallery ul#thumbs").css('bottom', '10px');
			});
			$j("#gallery ul#thumbs").mouseout(function(){
				$j("#gallery ul#thumbs").css('opacity', '0.5');
				$j("#gallery ul#thumbs").css('bottom', '-'+(38*(lines-1))+'px');
			});
			if (images.gal.length > 1)
				$j('#gallery').gallery();
			else
			{
				$j("#gallery").hide();
			}
		});
	});


$j.fn.gallery = function() {
    var self = this;
    var setimgs;

    this.each(function() {
        var g = this;

        g.load_sets = function(el) { // Функция - загружаем набор изображений
            $j.each(images, function(key, value) { 
                $j(el).append('<li><a id="'+key+'" href="#" title="'+key+'">'+key+'</a></li>');
            });

            var sets = $j(el).find('li a');

                var set = "gal";
                g.setimgs = images[set];
                $j(g).find('#thumbs').html('');
                g.load_thumbs($j(g).find('#thumbs')[0], 0);
        }

        g.load_thumbs = function(el, index) { // Функция - загрузка миниатюр

            $j(el).append('<li><img id="' + g.setimgs[index] + '" src="/images/galhotels/sm_' + g.setimgs[index] + '" height="38" /></li>');

            var tn = new Image();
            $j(tn).load(function() {
                var a = $j($j(el).find('li')[index]).find('img')[0];
//                $j(a).append(this);
                $j(a).click(function() { // Функция привязываем событие click к миниатюрам
                    var i = $j(this).attr('id');
                    $j(g).find('#photo').attr('src', '/images/galhotels/'+i);
                    return false;
                });

                if ((index + 1) < g.setimgs.length) {
                    g.load_thumbs(el, (index + 1));
                    $j(g).find('#loading strong').html(index + 2);
                } else {
                    $j($j(g).find('#thumbs li img')[0]).click();
                }
            });
            tn.src = '/images/galhotels/sm_' + g.setimgs[index];
        }

        // Инициализация - загружаем набры для галаереи 
        g.load_sets($j(g).find('#sets')[0]);
    });
};