var PhorScrolls = new Array();
var did = document.getElementById('docId').value;
var force = 0;


try {
        window.addEventListener('load', init, false);
} catch(e) {
        window.onload = init;
}



function init() {

    if (document.getElementById('Preview') &&
        document.getElementById('PrevSetup') &&
        document.getElementById('BigPhoto')){

    ownPreview = document.getElementById('Preview');
    BigImages = document.getElementById('BigPhoto');


    setUps = document.getElementById('PrevSetup');
    ims = setUps.ims.value;
    prevPath = setUps.prevPath.value;
    bigImgPath =  setUps.photoPath.value;


    PhorScrolls[0] = new PhorScroll('Preview',
                                        'ims',
                                        'prevPath',
                                        'bigImgPath');


    PhorScrolls[0].createPreviews();


if (!currPic){var currPic = 1;}
    enLarge(currPic);

        }
}

function PhorScroll(ownPrevID,
                    toRightID,
                    toLeftID,
                    predID,
                    sledID,
                    NumImgs,
                    prevPath,
                    photoPath,
                    PhotoNum) {

        this.index = PhorScrolls.length;
        this.prButton = document.getElementById(toRightID);
        this.plButton = document.getElementById(toLeftID);
        this.predButton = document.getElementById(predID);
        this.sledButton = document.getElementById(sledID);
        this.NumImgs = NumImgs;
        this.prevPath = prevPath;
        this.photoPath = photoPath;
        this.createPreviews = createPreviews;
        this.prevClick = prevClick;
        this.PredSledClick = PredSledClick;
}



function createPreviews(){
        ImgArr = new Array();
        for (var i = 1; i <= ims; i++) {
        ImgArr[i] = new Image();
        ImgArr[i].src = prevPath + i + '/' + did + '/92x70x100.jpg';
        }


        previewI = new Array();

        for (var m = 1; m <= ims; m++){

        var elemI = document.createElement('img');
        elemI.src = prevPath + m + '/' +  did + '/92x70x100.jpg';

        elemI.width = 92;
        elemI.height = 70;

        elemI.alt = 'посмотреть';
        elemI.className = 'PrevImg';
        elemI.id = 'i' +m;

        ownPreview.appendChild(elemI);

        previewI[i] = document.getElementById('i'+m);

        previewI[i].onclick = prevClick;
        }
}


function prevClick(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;

    xxx = regexp.exec(target.getAttribute('id'));

    enLarge(xxx);
    evt.cancelBubble = true;
    return false;
}

function enLarge(photoId) {

        var BIchilds = BigImages.childNodes;
        if (BIchilds.length > 0) {
        for (h=0; h <= BIchilds.length; h++ ){
                BigImages.removeChild(BIchilds.item(h));
                }
        }
        var elemBI = document.createElement('img');
        elemBI.src = bigImgPath + photoId + '/' + did + '/284x213x100.jpg';
        elemBI.alt = '';
        elemBI.id = 'B'+photoId;

        BigImages.appendChild(elemBI);
        BigImages.style.cursor = 'hand';
        BigImages.style.cursor = 'pointer';
        BigImages.onclick = zoom;
//        elemBI.onload = createPreviews;
//        countImg(photoId,ims);
        return false;
}

function zoom(src) {
    src = (src) ? src : event;
    var target = (src.target) ? src.target : src.srcElement;
    var regexp = /\d+/;
    photoId = regexp.exec(target.getAttribute('id'));
    window.open(bigImgPath + photoId + '/' + did + '/0x0x100.jpg');
}

function PredSledClick(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;
    xxx = regexp.exec(BigImages.firstChild.getAttribute('id'));
    var wView = (target.className == "arrowLeft") ? -1 : 1;
    var nextPhoto = parseInt(xxx)+parseInt(wView);
    if (nextPhoto <= 0) {
    nextPhoto = ims;
    }
    if (nextPhoto > ims) {
    nextPhoto = 1;
    }
     enLarge(nextPhoto);
    evt.cancelBubble = true;
    return false;

}