var id_active = 0;
var box = 0;

function setFirst(first_id, box_id) {
    //alert('first id: '+first_id+'  ,box id: '+box_id);
    
    /* set id_active as first element id */
    id_active = first_id;
    /* set box id */
    box = box_id;
    return false;
}

function readArticle(id) {
    /* click on a different article */
    if (id_active != id) {
    //alert('id attivo: '+id_active+'  ,id richiesto: '+id);
    
        var liOld = $('#'+box+'_li_element_'+id_active);
            liOld.attr('class', 'collapsed');

        /* close old article */
        var divOld = $('#'+box+'_element_'+id_active+'_content');
        if(divOld != undefined) {
            
            var spanOpen = $('#'+box+'_element_'+id_active+'_span').html('');
                spanOpen.append('<a></a>');
                
            var aSpanOld = spanOpen.children('a');
                aSpanOld.attr('onclick', 'readArticle('+id_active+');return false;');
                aSpanOld.attr('href', 'javascript:readArticle('+id_active+');');
                aSpanOld.html(_('CONTENT_READMORE'));
                aSpanOld.append('<img />');
            var img_old = aSpanOld.children('img');
                img_old.attr('src', globalStaticServer+'common/site/open_arrow.gif');
                img_old.attr('alt', _('CONTENT_READMORE'));
                  
            divOld.hide();
        }
        var liElement = $('#'+box+'_li_element_'+id);
            liElement.attr('class', 'expanded');

        /* open new article */
        var divContent = $('#'+box+'_element_'+id+'_content');
        var spanClose = $('#'+box+'_element_'+id+'_span').html('');
            spanClose.append('<a></a>');
        var aSpanClose = spanClose.children('a');
            aSpanClose.attr('onclick', 'readArticle('+id+');return false;'); 
            aSpanClose.attr('href', 'javascript:readArticle('+id+');');
            aSpanClose.html(_('CONTENT_CLOSE'));
            aSpanClose.append('<img />');
        var img = aSpanClose.children('img');
            img.attr('src', globalStaticServer+'common/site/close_arrow.gif');        
            img.attr('alt', _('CONTENT_CLOSE'));

            divContent.css('display', 'block');
            id_active = id;
    }
    /* click on the same article */
    else {
        var liElement = $('#'+box+'_li_element_'+id);
        
        if(liElement.hasClass('expanded')) {
            liElement.attr('class', 'collapsed');
        }
        else {
            liElement.attr('class', 'expanded');
        }

        var divContent = $('#'+box+'_element_'+id+'_content');
        var spanContent = $('#'+box+'_element_'+id+'_span').html('');
        spanContent.append('<a></a>');

        var aSpanContent = spanContent.children('a');
            eval('aSpanContent.click(function() { readArticle(id);return false; });');
            aSpanContent.attr('href', 'javascript:readArticle('+id+');');
            
            aSpanContent.append('<img />');
            var img = aSpanContent.children('img');
            
        /* open */
        if(divContent.css('display') == 'none') {
            img.attr('src', globalStaticServer+'common/site/close_arrow.gif');
            img.attr('alt', _('CONTENT_CLOSE'));
                
            aSpanContent.html(_('CONTENT_CLOSE')+aSpanContent.html());
            divContent.css('display', 'block');
        }
        /* close */
        else {
            img.attr('src', globalStaticServer+'common/site/open_arrow.gif');
            img.attr('alt', _('CONTENT_READMORE'));

            aSpanContent.html(_('CONTENT_READMORE')+aSpanContent.html());
            divContent.hide();
        }
    }
}