/************************
 * HTML_SEGMENT_MANAGER *
 ******************************************************
 * Por Alejandro Caballero (lava.caballero@gmail.com) *
 ******************************************************
 * Basado en las helpcards de NG1 *
 **********************************/

var html_segment_manager_visible_hover = '';

///////////////////////////////////////////////////////////////////
function show_hide_segment(target_segment, throbber_id, showhide) {
///////////////////////////////////////////////////////////////////

    if(showhide == 'show') {
        Delete_Cookie(target_segment, html_segment_manager_cookie_path, html_segment_manager_cookie_domain);
        document.getElementById(target_segment).className = 'visible_segment';
        document.getElementById(throbber_id).innerHTML = '<a href="javascript:show_hide_segment(' + "'" + target_segment + "', " + "'" + throbber_id + "', " + "'hide'" + ');">' 
                                                       + '<img src="' + html_segment_manager_images_url + html_segment_manager_throbber + '-expanded.png" width="16" hegiht="16" border="0" alt="Ocultar este segmento" title="Ocultar este segmento">'
                                                       + '</a>';
        if(html_segment_manager_on_throbber_show) {
            to_execute = html_segment_manager_on_throbber_show + "('" + target_segment + "');";
            eval(to_execute);
        } // end if
    } else {
        Set_Cookie(target_segment, 'hidden', 365, html_segment_manager_cookie_path, html_segment_manager_cookie_domain);
        document.getElementById(target_segment).className = 'hidden_segment';
        document.getElementById(throbber_id).innerHTML = '<a href="javascript:show_hide_segment(' + "'" + target_segment + "', " + "'" + throbber_id + "', " + "'show'" + ');">' 
                                                       + '<img src="' + html_segment_manager_images_url + html_segment_manager_throbber + '-collapsed.png" width="16" hegiht="16" border="0" alt="Mostrar este segmento" title="Mostrar este segmento">'
                                                       + '</a>';
        if(html_segment_manager_on_throbber_hide) {
            to_execute = html_segment_manager_on_throbber_hide + "('" + target_segment + "');";
            eval(to_execute);
        } // end if
    } // end if
    
} // end function

////////////////////////////////////////////////////
function get_throbber(throbber_id, target_segment) {
////////////////////////////////////////////////////

    if(Get_Cookie(target_segment) == "hidden") {
        to_return = '<a href="javascript:show_hide_segment(' + "'" + target_segment + "', " + "'" + throbber_id + "', " + "'show'" + ');">' 
                  + '<img src="' + html_segment_manager_images_url + html_segment_manager_throbber + '-collapsed.png" width="16" hegiht="16" border="0" alt="Mostrar este segmento" title="Mostrar este segmento">'
                  + '</a>';
    } else {
        to_return = '<a href="javascript:show_hide_segment(' + "'" + target_segment + "', " + "'" + throbber_id + "', " + "'hide'" + ');">' 
                  + '<img src="' + html_segment_manager_images_url + html_segment_manager_throbber + '-expanded.png" width="16" hegiht="16" border="0" alt="Ocultar este segmento" title="Ocultar este segmento">'
                  + '</a>';
    } // end if
    
    return to_return;
    
} // end function

////////////////////////////////////////////////////////////
function render_segment_heading(target_container, caption) {
////////////////////////////////////////////////////////////

    segment_anchor = 'anchor_'   + target_container;
    throbber_id    = 'throbber_' + target_container;
    caption = unescape(caption);
    document.write('<a name="' + segment_anchor + '"></a>\n');
    document.write('<div class="segment_heading">\n');
    document.write('<div id="' + throbber_id + '" class="segment_throbber">\n');
    document.write(get_throbber(throbber_id, target_container));
    document.write('</div>\n');
    document.write('<h1>' + caption + '</h1>\n');
    document.write('</div>\n');
} // end function

///////////////////////////////////////////////
function open_segment_container(segment_name) {
///////////////////////////////////////////////

    var hover_statement = "";
    if(Get_Cookie(segment_name) == "hidden") {
        var class_to_set = 'hidden_segment';
    } else {
        var class_to_set = 'visible_segment';
    } // end if
    if(html_segment_manager_visible_hover) {
        hover_statement = ' onMouseOver="this.className = Get_Cookie(\'' + segment_name + '\') == \'hidden\'? \'hidden_segment\': \'visible_segment_hover\';"'
                        + ' onMouseOut="this.className = Get_Cookie(\'' + segment_name + '\') == \'hidden\'? \'hidden_segment\': \'visible_segment\';"';
    } // end if
    
    document.write('\n<div id="' + segment_name + '" class="' + class_to_set + '"' + hover_statement + '>\n');
    
} // end function

////////////////////////////////////
function close_segment_container() {
////////////////////////////////////

    document.write('\n</div>\n');
    
} // end function