$(document).ready(
    function() {
        $('#popup .photoWrapper').width(originalWidth);
        $('#popup .photoWrapper').height(originalHeight);
    }
);
var _photos = new Array();

var originalWidth = 647;
var originalHeight = 442;

var old_width = 0;
var old_height = 0;

var cur_width = originalWidth;
var cur_height = originalHeight;

function selectClass(a, sel_class) {
    
    var cur_item = 0;
    var arr = $("."+sel_class).get();
    
    _photos.length = 0;
    for (var i = 0; i < arr.length; i++) {
        _photos[i] = $(arr[i]).attr("href");
        if ( _photos[i] == $(a).attr("href") ) {
            cur_item = i;
        }
    }   
    
    showPopup('popup');
    
    showImages( cur_item );
}
var load_img = new Image();
load_img.src = '/img/loading.gif';


function showImages(direct) {
    

    $('#popup .photoWrapper img').remove();
    
    $('#popup .photoWrapper').prepend(load_img);
    
    $('#popup .photoWrapper img').css({paddingTop:parseInt(cur_height/2)});
    
    $("#popup span.title").attr("style","display:none");
    
    /// Добавляем новую
    var img = new Image();
    var show_podpis = false;

    
    img.onload = function() {
        
        $('#popup .photoWrapper img').remove();
        
        if (  $('#popup .photoWrapper img').length == 0 ) {
        
            //! Втавляем загруженный рисунок в попап
            $('#popup .photoWrapper').prepend(this);
            //! Получаем размеры вставленной картинки
            width_ = $('#popup .photoWrapper img').width();
            height_ = $('#popup .photoWrapper img').height();
            
			width_ = (width_ < 350) ? 350 : width_;
            
            $('#popup .photoWrapper img').hide();
            
            old_width = $('#popup .photoWrapper').width();
            old_height = $('#popup .photoWrapper').height();
            
            $('#popup .photoWrapper').width(width_);
            $('#popup .photoWrapper').height(height_);
            
            $('#popup .photoWrapper img').fadeIn(300);
            /*
            if (show_podpis == true) {
                $("#popup .photoWrapper span.title").attr("style","display:block");
            } else {
                $("#popup .photoWrapper span.title").attr("style","display:none");
            }*/
            
            x = width_ - old_width;
            y = height_ - old_height;
            
            //alert($("#photoPopup").offset().top);
            
            var new_x = ($('.mainwrapper').width()-$('#popup').width())/2;
            new_y = document.documentElement.scrollTop || document.documentElement.scrollTop;
            new_y = new_y + parseInt((document.documentElement.clientHeight - $('#popup').height()) / 2);
            $("#popup").css("left",new_x);
            $("#popup").css("top",new_y);
            
            cur_height = height_;
        }
    };
    
    /// Колюч текущего фото
    if ( direct != 'next' && direct != 'prev' ){
        photo_key = direct;
    }

    /// Формирование ключей на след. и пред. фото
    if ( photo_key == _photos.length - 1 ){
        photo_next = 0;
    }
    else{
        photo_next = photo_key + 1;
    }
    if ( photo_key == 0 ){
        photo_prev = _photos.length - 1;
    }
    else{
        photo_prev = photo_key - 1;
    }

    var cur_photo = 0;
    var total_photos = _photos.length;
    /// Вывод фото
    if ( direct == 'next' ){
        cur_photo = photo_next+1;
        /*
        if (total_photos > 1) {
            $("#podpis_foto").html("Фото&nbsp;"+cur_photo+"&nbsp;из&nbsp;"+total_photos);
            show_podpis = true;
        } else if (total_photos == 1) show_podpis = false;
        */
        img.src = '/img/saved/'+_photos[photo_next];
        photo_key = photo_next;
    }
    else if ( direct == 'prev' ){
        cur_photo = photo_prev+1;
    /*
        if (total_photos > 1) {
            $("#podpis_foto").html("Фото&nbsp;"+cur_photo+"&nbsp;из&nbsp;"+total_photos);
            show_podpis = true;
        } else if (total_photos == 1) show_podpis = false;
    */
        
        img.src = '/img/saved/'+_photos[photo_prev];
        photo_key = photo_prev;
    }
    else {
        
        cur_photo = photo_key+1;
      /*
        if (total_photos > 1) {
            $("#podpis_foto").html("Фото&nbsp;"+cur_photo+"&nbsp;из&nbsp;"+total_photos);
            show_podpis = true;
        } else if (total_photos == 1) show_podpis = false;
        */
        img.src = '/img/saved/'+_photos[photo_key];        
    }
    
}