
var cntphotos = 0;

var photossetings = new Array();
var photosptrs = new Array();

var photostepdelta = 20;
var photosstepinterval = 30;

window.photostmr = new Array();

var preloaded = new Array();
function preload_images() {
    for (var i = 0; i < arguments.length; i++) {
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    }
}

function photosconstr() {   
    for(i=1; i < window.cntphotos; i++) {
        window.photossetings[i] = { left0:20, left1:20, left10:20, top0:50, top1:50, top10:0, wh0: 104, wh1: 400, wh10:0, delta:0, progr: 0 }

        if(document.getElementById('photo'+i)) {
            window.photosptrs[i] = document.getElementById('photo'+i);
            window.photossetings[i].left10 = window.photossetings[i].left1-window.photossetings[i].left0;
            window.photossetings[i].top10 = window.photossetings[i].top1-window.photossetings[i].top0;
            window.photossetings[i].wh10 = window.photossetings[i].wh1-window.photossetings[i].wh0;     
        } else {
            window.cntphotos = i+1;
            break;
        }
    }
}

function resizestep(i) {
    if(window.photossetings[i].delta > 0) {
        if(window.photossetings[i].progr < 100) {
            window.photossetings[i].progr += window.photossetings[i].delta;
            if(window.photossetings[i].progr >= 100)
                window.photossetings[i].progr = 100;
            resizephoto(i);
            resizephoto(i);
        } else {
            window.clearInterval(window.photostmr[i]);
            return;
        }               
    } else {
        if(window.photossetings[i].delta < 0) {
            if(window.photossetings[i].progr > 0) {
                window.photossetings[i].progr += window.photossetings[i].delta;
                if(window.photossetings[i].progr <= 0)
                    window.photossetings[i].progr = 0;
                resizephoto(i);
            } else {
                window.clearInterval(window.photostmr[i]);
                return;
            }               
        } else {
            window.clearInterval(window.photostmr[i]);
            return;
        }
    }
}


function resizephoto(i){
    if(window.photossetings[i].progr == 100) {
        window.photosptrs[i].src = window.photosptrs[i].src.replace(/thumb\./i, 'image.');
        window.photosptrs[i].style.width = window.photossetings[i].wh1 + 'px';
        window.photosptrs[i].style.height = window.photossetings[i].wh1 + 'px';
        window.photosptrs[i].style.left = window.photossetings[i].left1 + 'px';
        window.photosptrs[i].style.top = window.photossetings[i].top1 + 'px';
        
        
    } else {
        if(window.photossetings[i].progr == 0) {
            window.photosptrs[i].src = window.photosptrs[i].src.replace(/image\./i, 'thumb.');
            window.photosptrs[i].style.width = window.photossetings[i].wh0 + 'px';
            window.photosptrs[i].style.height = window.photossetings[i].wh0 + 'px';
            window.photosptrs[i].style.left = window.photossetings[i].left0 + 'px';
            window.photosptrs[i].style.top = window.photossetings[i].top0 + 'px';
        } else {
            window.photosptrs[i].style.width = (window.photossetings[i].wh0 + window.photossetings[i].wh10 * window.photossetings[i].progr * 0.01) + 'px';
            window.photosptrs[i].style.height = window.photosptrs[i].style.width;           
            window.photosptrs[i].style.left = (window.photossetings[i].left0 + window.photossetings[i].left10 * window.photossetings[i].progr * 0.01 ) + 'px';
            window.photosptrs[i].style.top = (window.photossetings[i].top0 + window.photossetings[i].top10 * window.photossetings[i].progr * 0.01 ) + 'px';
            
        }
    }
}


function photoover(photoidx) {
    for(i=1; i < window.cntphotos; i++) {
        window.clearInterval(window.photostmr[i]);
        if(photoidx == i) {
            window.photosptrs[i].style.zIndex=500;
            window.photossetings[i].delta = window.photostepdelta;
        } else {
            window.photosptrs[i].style.zIndex=450;
            window.photossetings[i].delta = -window.photostepdelta;
        }
        window.photostmr[i] = window.setInterval('resizestep('+i+')', window.photosstepinterval);
    }

}


function photoout() {
    for(i=1; i < window.cntphotos; i++) {
        window.clearInterval(window.photostmr[i])
        window.photossetings[i].delta = -window.photostepdelta;
        window.photostmr[i] = window.setInterval('resizestep('+i+')', window.photosstepinterval);
    }   
}

