function getGalAlbum(id,page){
    document.getElementById('image_show').setAttribute('name',1);
    //document.getElementById('gallerylist').innerHTML = '1';
    document.getElementById('loading_bar').style.display = 'block';
    JsHttpRequest.query(
            '/portfolios/backend/',{
            'id': id,
            'page': page-1
        },
        function(result, debugMessages) {
            document.getElementById('loading_bar').style.display = 'none';
            if(result.content){
                document.getElementById('photo_preview_list').innerHTML = result.content;
                document.getElementById('navbar').innerHTML = result.navbar;
                document.getElementById('count_photos').setAttribute('name',result.count_photos);
                document.getElementById('paging').innerHTML = result.paging;
                showGalPhoto(document.getElementById('photo1'));
            }
            if (result.text)
                alert(result.text);
        },
        true
    );
}

function arrowGalPhoto(nav){
    
    var num = document.getElementById('count_photos').getAttribute('name');
    var tot_num = document.getElementById('tot_num').getAttribute('name');
    num = parseInt(num);
    tot_num = parseInt(tot_num);
    
    var str = new String();
    try {
        var prev = document.getElementById('prev_page').getAttribute('name');
    } catch(error) {
        var prev = 0;
    }
    try {
        var id = document.getElementById('current_idd').getAttribute('name');
    } catch(error) {
        var id = 0;
    }
    try {
        var next = document.getElementById('next_page').getAttribute('name');
    } catch(error) {
        var next = 0;
    }
    
    //Дополнительные стрелочки
    var isGal = 0;
    try {
        var smthing = document.getElementById('arrow3');
        isGal = 1;
    } catch(error) {
        isGal = 0;
    }
    
    var page = document.getElementById('count_pages').getAttribute('name');
    page = parseInt(page);    
    
    var prevId = document.getElementById('image_show').getAttribute('name');
    if(nav=='+'){
        var currentId = parseInt(prevId)+1;
        if (currentId == 6){
            if(((page+1)*5-tot_num) >= 5) return;
            if(next!=0)
                page = page+1;
                getGalAlbum(id,next);
                currentId=1;
        }
    } else {
        var currentId = prevId -1;
        if (currentId == 0){
            if (page == 1) return;
            if(prev>0)
                page = page-1;
                getGalAlbum(id,prev);
                currentId=1;
        }
    }
    
    if (tot_num-page*5 >= 0) num = 5;
    else num = (tot_num % 5);
    if (num == 1 && nav == '+') return;
    
    if(tot_num == 1) return;
    if ((num < 5 || (tot_num-page*5) == 0) && currentId == num){
        document.getElementById("arrow4_img").src="/images/gal_arrow_right_un.png";
    } else {
        document.getElementById("arrow4_img").src="/images/gal_arrow_right.png";
    }
    if (currentId == 1 && page== 1){
        document.getElementById("arrow3_img").src="/images/gal_arrow_left_un.png";
    } else {
        document.getElementById("arrow3_img").src="/images/gal_arrow_left.png";
    }
    obj = document.getElementById('photo'+currentId);
    if (!obj) {
        return;
    }
    var str = new String();
    str = obj.src;
    document.getElementById('photo'+prevId).style.borderColor ='#999';
    str = str.replace('thumb.php?src=','');
    str = str.replace('&width=100&type=1','');
    obj.style.borderColor='#034083';
    document.getElementById('image_show').src=str;
    document.getElementById('image_show').setAttribute('name',currentId);
}

function showGalPhoto(obj){
    if (!obj) return;
    try {
        var num = document.getElementById('count_photos').getAttribute('name');
    } catch(error) {
        var num = 5;
    }
    var str = new String();
    str = obj.src;
        try {
        var prev = document.getElementById('prev_page').getAttribute('name');
    } catch(error) {
        var prev = 0;
    }
    try {
        var next = document.getElementById('next_page').getAttribute('name');
    } catch(error) {
        var next = 0;
    }

    //Дополнительные стрелочки
    var isGal = 0;
    try {
        var smthing = document.getElementById('arrow3');
        isGal = 1;
    } catch(error) {
        isGal = 0;
    }
    var currentId = obj.id.replace('photo','');
    if (currentId == 1 && prev==0){
        document.getElementById("arrow3_img").src="/images/gal_arrow_left_un.png";
    } else {
        document.getElementById("arrow3_img").src="/images/gal_arrow_left.png";
    }
    if (currentId == num && next==0){
        document.getElementById("arrow4_img").src="/images/gal_arrow_right_un.png";
    } else {
        document.getElementById("arrow4_img").src="/images/gal_arrow_right.png";
    }
    var prevId = document.getElementById('image_show').getAttribute('name');
    document.getElementById('photo'+prevId).style.borderColor ='#999';
    document.getElementById('photo'+prevId).style.cursor ='pointer';
    str = str.replace('thumb.php?src=','');
    str = str.replace('&width=100&type=1','');
    obj.style.borderColor='#034083';
    obj.style.cursor='default';
    document.getElementById('image_show').src=str;
    document.getElementById('image_show').setAttribute('name',currentId);
}