ico = new Array();
imageList = new gsImageList();
smallImageList = new gsImageList();

function showDiv(){
    $('.aClick').click(function (){
        $('#bigImage').hide();
        var param = new String(this.id).split('_');
        var idItem = param[1];
        var idPhoto = param[2];
        var daoImage = '';
        daoImage = '<img src="/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg" />';
        
        var pathToImage = '/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg';
        var idImage = 1 * (idItem + idPhoto);
        var image = imageList.getImage(idImage);
        if (image) {
            //изображение загружено
            innerShowDiv(image);
        } else {
            //изображение не загружено
            imageList.addImage(pathToImage, idImage, innerShowDiv);
        }
        
        function innerShowDiv() {
            var image = imageList.getImage(idImage);
            $('#bigImage').attr('src',image.src);
            $('#bigImage').parent()
                          .parent()
                          .css('cursor', 'pointer')
                          .unbind('click')
                          .bind('click', function () { window.open('/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.src.jpg');});
            $('#bigImage').show();
        }
        

        $('#imgPreview').html('');
        if (typeof(ico[idItem]) != 'undefined') {
            var smallImages = {};
            for (i in ico[idItem]) {
                var idSmallImage = 1 * (idItem + ico[idItem][i]);
                var pathToSmallImage = '/public/images/catalog/item' + idItem + '/photo' + ico[idItem][i] + '.vSmall.jpg';
                smallImages[idSmallImage] = {src: pathToSmallImage, idImage: idSmallImage};
            }
            smallImageList.addImages(smallImages, function() {
                for (i in ico[idItem]) {
                    var idSmallImage = 1 * (idItem + ico[idItem][i]);
                    var image = smallImageList.getImage(idSmallImage);
                    $('#imgPreview').append('<img id="img_' + idItem + '_' + ico[idItem][i] + '" src="' + image.src + '" />');
                    $('#' + 'img_' + idItem + '_' + ico[idItem][i]).attr('src',image.src);
                }
                showImage();
            });
        }
        
        
        var idCap = '';
        idCap = '#cap_' + idItem + '';
        var caption = '';
        caption = $(idCap).text();
        var idDesc = '';
        idDesc = '#desc_' + idItem + '';
        var description = '';
        description = $(idDesc).text();
        $('#posCap').html(caption);
        $('#posDesc').html(description);
        // $('#image').html(daoImage);
        var daoPosition = '';
        daoPosition = '<a class="colbrown" href="/catalog/item/' + idItem + '/view" title="Подробная информация об объекте">Подробная информация об объекте</a>';
        $('#aPosition').html(daoPosition);
        $('#viewConteiner').center();
        $('#viewContent').center();
    });
}

function showDiv1(){
    $('.aClick2').click(function (){
        $('#bigImage').hide();
        var param = new String(this.id).split('_');
        var idItem = param[1];
        var idPhoto = param[2];
        var daoImage = '';
        daoImage = '<img src="/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg" />';
        
        var pathToImage = '/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg';
        var idImage = 1 * (idItem + idPhoto);
        var image = imageList.getImage(idImage);
        if (image) {
            //изображение загружено
            innerShowDiv(image);
        } else {
            //изображение не загружено
            imageList.addImage(pathToImage, idImage, innerShowDiv);
        }
        
        function innerShowDiv() {
            var image = imageList.getImage(idImage);
            $('#bigImage').attr('src',image.src);
            $('#bigImage').show();
        }
        
        var idCap = '';
        idCap = '#cap_' + idItem + '';
        var caption = '';
        caption = $(idCap).text();
        var idDesc = '';
        idDesc = '#desc_' + idItem + '';
        var description = '';
        description = $(idDesc).text();
        $('#posCap').html(caption);
        $('#posDesc').html(description);
        // $('#image').html(daoImage);
        var daoPosition = '';
        daoPosition = '<a class="colbrown" href="/catalog/item/' + idItem + '/view" title="Подробная информация об объекте">Подробная информация об объекте</a>';
        $('#aPosition').html(daoPosition);
        $('#viewConteiner').center();
        $('#viewContent').center();
        
        $('#imgPreview').html('');
        if (typeof(ico[idItem]) != 'undefined') {
            var smallImages = {};
            for (i in ico[idItem]) {
                var idSmallImage = 1 * (idItem + ico[idItem][i]);
                var pathToSmallImage = '/public/images/catalog/item' + idItem + '/photo' + ico[idItem][i] + '.vSmall.jpg';
                smallImages[idSmallImage] = {src: pathToSmallImage, idImage: idSmallImage};
            }
            smallImageList.addImages(smallImages, function() {
                for (i in ico[idItem]) {
                    var idSmallImage = 1 * (idItem + ico[idItem][i]);
                    var image = smallImageList.getImage(idSmallImage);
                    $('#imgPreview').append('<img id="img_' + idItem + '_' + ico[idItem][i] + '" src="' + image.src + '" />');
                    $('#' + 'img_' + idItem + '_' + ico[idItem][i]).attr('src',image.src);
                }
                showImage();
            });
        }        
    });
}

function showImage(){
    $('#imgPreview img').click(function (){
        $('#bigImage').hide();
        var param = new String(this.id).split('_');
        var idItem = param[1];
        var idPhoto = param[2];
        
        var pathToImage = '/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg';
        var idImage = 1 * (idItem + idPhoto);
        var image = imageList.getImage(idImage);
        if (image) {
            //изображение загружено
            innerShowDiv(image);
        } else {
            //изображение не загружено
            imageList.addImage(pathToImage, idImage, innerShowDiv);
        }
        
        function innerShowDiv() {
            var image = imageList.getImage(idImage);
            $('#bigImage').attr('src',image.src);
            $('#bigImage').parent()
                          .parent()
                          .css('cursor', 'pointer')
                          .unbind()
                          .bind('click', function () { window.open('/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.src.jpg');});
            $('#bigImage').show();
        }
        
        var daoImage = '';
        daoImage = '<img src="/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg" />';
        // $('#image').html(daoImage);
    });
}

function clickA(){
    $('#clickA').click(function(){
        $('#bigImage').hide();
        var daoImage = '';
        daoImage = '<img src="/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg" />';
        
        var pathToImage = '/public/images/catalog/item' + idItem + '/photo' + idPhoto + '.big.jpg';
        var idImage = 1 * (idItem + idPhoto);
        var image = imageList.getImage(idImage);
        if (image) {
            //изображение загружено
            innerShowDiv(image);
        } else {
            //изображение не загружено
            imageList.addImage(pathToImage, idImage, innerShowDiv);
        }
        
        function innerShowDiv() {
            var image = imageList.getImage(idImage);
            $('#bigImage').attr('src',image.src);
            $('#bigImage').show();
        }        
        // $('#image').html(daoImage);
    });
}

$(document).ready(function(){
    showDiv();
    showDiv1();
    showImage();
    clickA();
});