function close_galery(){
    $('#grettyy1').hide();
    $('.fety').remove();
    $('#grettyy').animate({width:10,height:10,left:w_move,top:h_move
    },500,function(){$('#fon').hide();$('#grettyy').hide();}); 
}
document.onkeydown=function(e){
    switch(e.keyCode){
        case 27:close_galery();break;
        case 37:if(x_length>1)show_photo(ferr,y_n);break;
        case 39:if(x_length>1)show_photo(ferr,y_v);break;
    }
}
function show_photo(x,y,kz){
    $('#grettyy1').hide();
    $('.fety').remove();
    if(!y)y=0;
    ferr=x;
    x=x.split(';');
    x_length=x.length;
    foto=new Array();
    for(i=0;i<x.length;i++){
        foto[i]=new Image();
        foto[i].src=(x[i]);
    }
    te=document.getElementById('img_ss');
    $('#fon').show();
    $('#fon').width($(document).width());
    $('#fon').height($(document).height());
    foto[y].onload=function(){
        $('#img_ss').show();
        if(foto[y].width>1000){
            w_m=1000;
            h_m=foto[y].height/(foto[y].width/1000);
        }
        else {w_m=foto[y].width;h_m=foto[y].height;}
        w_move=($(window).width()-10)/2;
        h_move=((window.scrollY+70)+h_m/2);
        left_m=($(window).width()-w_m)/2;
        top_m=window.scrollY+70;
        if(y+1>=x.length)y_v=0;else y_v=y+1;
        if(y-1<0)y_n=x.length-1;else y_n=y-1;
        html='';
        if(kz)html='<div id="grettyy" style="left:'+w_move+'px;top:'+h_move+'px;border:1px solid white;background-color:black;position:absolute;width:10px;height:10px;"></div>';
        if(x_length>1){
            html=html+'<div class="fety" onclick="show_photo(\''+ferr+'\','+y_n+')" title="Предыдущая" style="cursor:pointer;top:'+top_m+'px;left:'+left_m+'px;width:'+(w_m/2)+'px;height:'+h_m+'px;position:absolute;background:url(\'/template/img/left_arrow.png\');background-repeat:no-repeat;background-position:center;"></div>';
            html=html+'<div class="fety" onclick="show_photo(\''+ferr+'\','+y_v+')" title="Следующая" style="cursor:pointer;top:'+top_m+'px;left:'+(left_m+w_m/2)+'px;width:'+(w_m/2)+'px;height:'+h_m+'px;position:absolute;background:url(\'/template/img/right_arrow.png\');background-repeat:no-repeat;background-position:center;"></div>';
        }
        if(kz)te.innerHTML=html;
        else te.innerHTML=te.innerHTML+html;
        $('#grettyy').animate({
            width:w_m,
            height:h_m,
            left:left_m,
            top:top_m
        },500,function(){
            document.getElementById('grettyy').innerHTML=html='<img id="grettyy1" style="border:1px solid white;width:'+w_m+'px;height:'+h_m+'px;" src="'+x[y]+'"/>';
        }); 
    }
}