var unpress_button_timeout = null;

function hide(id) {
    document.getElementById(id).style.display = 'none';
}

function show(id) {
    document.getElementById(id).style.display = 'block';
}

function press_button(id) {
    document.getElementById(id).style.display = 'none';
    document.getElementById(id + '_pressed').style.display = 'block';
}

function unpress_button(id) {
    document.getElementById(id).style.display = 'block';
    document.getElementById(id + '_pressed').style.display = 'none';
}

function press_catalog_button(id) {
    document.getElementById(id).style.display = 'none';
    document.getElementById(id + '_pressed').style.display = 'block';
}

function unpress_catalog_button(id) {
    if(unpress[id]) {
        document.getElementById(id).style.display = 'block';
        document.getElementById(id + '_pressed').style.display = 'none';
    }
}

function click_left(item) {    
    var past_current = null;
    
    if(catalog_images[item]['current'] > 0) {
        past_current = catalog_images[item]['current'];
        catalog_images[item]['current']--;
        
        if((catalog_images[item]['current'] + 1) < catalog_images[item]['max']) {
            unpress['cr_arrow' + item] = true; 
            show('cr_arrow' + item);
            show('crr_arrow' + item);
        }
        
        if(catalog_images[item]['current'] == 0) {
            unpress['cl_arrow' + item] = false; 
            hide('cl_arrow' + item);
            hide('clr_arrow' + item);
        }
        
        $('#catalog_' + item + '_' + past_current).fadeOut(300, show_image(item));
    }
}

function click_right(item) {
    var past_current = null;
    
    if((catalog_images[item]['current'] + 1) < catalog_images[item]['max']) {
        past_current = catalog_images[item]['current'];
        catalog_images[item]['current']++;
        
        if(catalog_images[item]['current'] > 0) {
            unpress['cl_arrow' + item] = true;
            show('cl_arrow' + item);
            show('clr_arrow' + item);
        }
        
        if((catalog_images[item]['current'] + 1) == catalog_images[item]['max']) {
            unpress['cr_arrow' + item] = false;
            hide('cr_arrow' + item);
            hide('crr_arrow' + item);
        }
        
        $('#catalog_' + item + '_' + past_current).fadeOut(300, show_image(item));
    }
}

function portfolio_click_left(item) {    
    var past_current = null;
    
    if(portfolio_images[item]['current'] > 0) {
        past_current = portfolio_images[item]['current'];
        portfolio_images[item]['current']--;
        
        if((portfolio_images[item]['current'] + 1) < portfolio_images[item]['max']) {
            show('pr_arrow' + item);
        }
        
        if(portfolio_images[item]['current'] == 0) { 
            hide('pl_arrow' + item);
        }
        
        $('#portfolio' + item + '_' + past_current).fadeOut(300, show_portfolio_image(item));
        
        if($('#comment' + item  + '_' + past_current).length) {
            $('#comment' + item + '_' + past_current).css('display', 'none');
        }
        if($('#comment' + item  + '_' + portfolio_images[item ]['current']).length) {
            $('#comment' + item + '_' + portfolio_images[item ]['current']).css('display', 'block');    
        }
    }
}

function portfolio_click_right(item) {
    var past_current = null;
    
    if((portfolio_images[item]['current'] + 1) < portfolio_images[item]['max']) {
        past_current = portfolio_images[item]['current'];
        portfolio_images[item]['current']++;
        
        if(portfolio_images[item]['current'] > 0) {
            show('pl_arrow' + item);
        }
        
        if((portfolio_images[item]['current'] + 1) == portfolio_images[item]['max']) {
            hide('pr_arrow' + item);
        }
        
        $('#portfolio' + item + '_' + past_current).fadeOut(300, show_portfolio_image(item));
        
        if($('#comment' + item  + '_' + past_current).length) {
            $('#comment' + item + '_' + past_current).css('display', 'none');
        }
        if($('#comment' + item  + '_' + portfolio_images[item ]['current']).length) {
            $('#comment' + item + '_' + portfolio_images[item ]['current']).css('display', 'block');    
        }
    }
}

function hide_image(item, past_current) {
    $('catalog_' + item + '_' + past_current).css('display', 'none');
    show_image(item);
}

function show_image(item) {
    $('#catalog_' + item + '_' + catalog_images[item]['current']).fadeIn(500);
}

function hide_portfolio_image(item, past_current) {
    $('portfolio' + item + '_' + past_current).css('display', 'none');
    show_portfolio_image(item);
}

function show_portfolio_image(item) {
    $('#portfolio' + item + '_' + portfolio_images[item]['current']).fadeIn(300);
}

function change_portfolio(id) {
    document.getElementById('pab_' + current_portfolio_type).style.display = 'none';
    document.getElementById('pib_' + current_portfolio_type).style.display = 'block';
    
    document.getElementById('pab_' + id).style.display = 'block';
    document.getElementById('pib_' + id).style.display = 'none';
    
    var past_portfolio_type = current_portfolio_type;
    current_portfolio_type = id;
    
    $('#pi_' + past_portfolio_type + '_' + portfolio_images[past_portfolio_type]['current']).fadeOut(300, show_portfolio(id)); 

    portfolio_images[past_portfolio_type]['current'] = 0;
}

function show_portfolio(id) {
    $('#pi_' + id + '_0' ).fadeIn(500);
    
    hide('pl_arrow');
    hide('plr_arrow');
    
    if(portfolio_images[current_portfolio_type]['max'] == 1) {
        hide('pr_arrow');
        hide('prr_arrow');
    }
    else {
        show('pr_arrow');
        show('prr_arrow');
    }
}

function click_portfolio_left() {
    var past_current = null;
    
    if(portfolio_images[current_portfolio_type]['current'] > 0) {
        past_current = portfolio_images[current_portfolio_type]['current'];
        portfolio_images[current_portfolio_type]['current']--;
        
        if((portfolio_images[current_portfolio_type]['current'] + 1) < portfolio_images[current_portfolio_type]['max']) {
            show('pr_arrow');
        }
        
        if(portfolio_images[current_portfolio_type]['current'] == 0) {
            hide('pl_arrow');
        }
        
        $('#pi_' + current_portfolio_type + '_' + past_current).fadeOut(300, show_portfolio_image());
        
        if(jQuery.contains($('#portfolio_item_' + current_portfolio_type), $('#comment' + current_portfolio_type + '_' + past_current))) {
            $('#comment' + current_portfolio_type + '_' + past_current).css('display', 'none');
        }
        if(jQuery.contains($('#portfolio_item_' + current_portfolio_type), $('#comment' + current_portfolio_type + '_' + portfolio_images[current_portfolio_type]['current']))) {
            $('#comment' + current_portfolio_type + '_' + portfolio_images[current_portfolio_type]['current']).css('display', 'block');    
        }
    }
}

function click_portfolio_right() {
    var past_current = null;
    
    if((portfolio_images[current_portfolio_type]['current'] + 1) < portfolio_images[current_portfolio_type]['max']) {
        past_current = portfolio_images[current_portfolio_type]['current'];
        portfolio_images[current_portfolio_type]['current']++;
        
        if(portfolio_images[current_portfolio_type]['current'] > 0) {
            show('pl_arrow');
        }
        
        if((portfolio_images[current_portfolio_type]['current'] + 1) == portfolio_images[current_portfolio_type]['max']) {
            hide('pr_arrow');
        }
        
        $('#pi_' + current_portfolio_type + '_' + past_current).fadeOut(300, show_portfolio_image());
        
        if(jQuery.contains($('#portfolio_item_' + current_portfolio_type), $('#comment' + current_portfolio_type + '_' + past_current))) {
            $('#comment' + current_portfolio_type + '_' + past_current).css('display', 'none');
        }
        if(jQuery.contains($('#portfolio_item_' + current_portfolio_type), $('#comment' + current_portfolio_type + '_' + portfolio_images[current_portfolio_type]['current']))) {
            $('#comment' + current_portfolio_type + '_' + portfolio_images[current_portfolio_type]['current']).css('display', 'block');    
        }
    }
}