function counterOfferToggle(mode, suffix) {

    switch(ACTIVE_PLATFORM) {

        case BEBO:
        case FACEBOOK: {

            switch(mode) {
            
                case 'counter': {
            
                    document.getElementById('counter_offer' + suffix).setStyle('display', 'block');
                    document.getElementById('counter_button' + suffix).setInnerXHTML('<a href="#" onclick="counterOfferToggle(\'cancel\', \'' + suffix + '\'); return false;">Cancel</a>');
            
                    return;
                }
        
                case 'cancel': {
            
                    document.getElementById('counter_offer' + suffix).setStyle('display', 'none');
                    document.getElementById('counter_button' + suffix).setInnerXHTML('<a href="#" onclick="counterOfferToggle(\'counter\', \'' + suffix + '\'); return false;">Counter</a>');
            
                    return;
                }
        
            }

            break;
        }

        default: {

            switch(mode) {
            
                case 'counter': {
            
                    dojo.byId('counter_offer' + suffix).style.display = 'block';
                    dojo.byId('counter_button' + suffix).innerHTML = '<a href="#" onclick="counterOfferToggle(\'cancel\', \'' + suffix + '\'); return false;">Cancel</a>';
            
                    return;
                }
        
                case 'cancel': {
            
                    dojo.byId('counter_offer' + suffix).style.display = 'none';
                    dojo.byId('counter_button' + suffix).innerHTML = '<a href="#" onclick="counterOfferToggle(\'counter\', \'' + suffix + '\'); return false;">Counter</a>';
            
                    return;
                }
        
            }

            break;
        }
    }
}