var step = 0;
var first = 0;
var maxstep = -1;
function next(){
    if (maxstep < 0) 
        maxstep = 0;
    //var maxstep=(document.getElementById('tape').offsetHeight)/461;	
    step++;
    if (step > maxstep) 
        step = maxstep;
    else {
        if (step != 0) 
            document.getElementById('up_button').style.visibility = 'visible';
        if (step == maxstep) 
            document.getElementById('down_button').style.visibility = 'hidden';
        else 
            document.getElementById('down_button').style.visibility = 'visible';
        
        height = (document.getElementById('image' + step).offsetHeight) + 10;
        offset = first + height / 9;
        offset1 = first + 2 * (height / 9);
        offset2 = first + 3 * (height / 9);
        offset3 = first + 4 * (height / 9);
        offset4 = first + 5 * (height / 9);
        offset5 = first + 6 * (height / 9);
        offset6 = first + 7 * (height / 9);
        offset7 = first + 8 * (height / 9);
        offset8 = first + height;
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset + "px";
        }, 30);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset1 + "px";
        }, 60);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset2 + "px";
        }, 90);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset3 + "px";
        }, 120);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset4 + "px";
        }, 150);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset5 + "px";
        }, 180);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset6 + "px";
        }, 210);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset7 + "px";
        }, 240);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset8 + "px";
        }, 270);
        first = first + height;
        
        
    }
}

function previous(){

    if (step < 0) 
        step = 0;
    else {
    
    
    
        height = (document.getElementById('image' + step).offsetHeight) + 10;
        offset = first - height / 9;
        offset1 = first - 2 * (height / 9);
        offset2 = first - 3 * (height / 9);
        offset3 = first - 4 * (height / 9);
        offset4 = first - 5 * (height / 9);
        offset5 = first - 6 * (height / 9);
        offset6 = first - 7 * (height / 9);
        offset7 = first - 8 * (height / 9);
        offset8 = first - height;
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset + "px";
        }, 30);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset1 + "px";
        }, 60);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset2 + "px";
        }, 90);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset3 + "px";
        }, 120);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset4 + "px";
        }, 150);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset5 + "px";
        }, 180);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset6 + "px";
        }, 210);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset7 + "px";
        }, 240);
        setTimeout(function(){
            document.getElementById('tape').style.bottom = offset8 + "px";
        }, 270);
        first = first - height;
    }
    step--;
    if (step == 0) 
        document.getElementById('up_button').style.visibility = 'hidden';
    else 
        document.getElementById('up_button').style.visibility = 'visible';
    if (step != maxstep) 
        document.getElementById('down_button').style.visibility = 'visible';
}

function showFullscreen(imgpath){
    if (!document.getElementById('showImg')) {
        t = document.getElementsByTagName('BODY');   
		tt=parseInt(document.body.scrollTop, 10) + document.body.clientHeight/1.8+ "px";     
        t[0].innerHTML += "<div id='hide_all'>&nbsp;</div><div id='showImg' ><div id='close'><a  onclick='clShowWindow();' >Закрыть<img class='clGal' src='/media/images/close.png' align='top' /></a></div><img src='" + imgpath + "' /></div>";
    }
    else {
        document.getElementById('showImg').style.display = 'block';
        document.getElementById('hide_all').style.display = 'block';
        document.getElementById('showImg').innerHTML = "<div id='close'><a  onclick='clShowWindow();'>Закрыть<img class='clGal' src='/media/images/close.png' align='top' /></a></div><img src='" + imgpath + "' />";
    }
    
}



function clShowWindow(){
    document.getElementById('showImg').style.display = 'none';
    document.getElementById('hide_all').style.display = 'none';
}