var arr_text = new Array();
var arr_url = new Array();

function SwapCSS(server_side_elem, id, class_name)
{
    if(server_side_elem)
    {
	id = client_id + id;
    }
 
    var e = document.getElementById(id);
    
    e.className = class_name;
}

function MoreInfo_AddMore( )
{
    
    var txt_more_text = document.getElementById(client_id + 'txtMoreInfoText').value;
    var txt_more_url = document.getElementById(client_id + 'txtMoreInfoUrl').value;

    if (txt_more_text != "" || txt_more_url != "")
    {
        arr_text[arr_text.length] = ((txt_more_text == "") ? "empty" : txt_more_text);
        arr_url[arr_url.length] = ((txt_more_url == "") ? "empty" : txt_more_url);
        PopulateMoreInfoTable();
    }
}
function PopulateMoreInfoTableFromDB()
{
    arr_text = document.getElementById(client_id + 'hidText').value.split('|');
    arr_url = document.getElementById(client_id + 'hidURL').value.split('|');
    PopulateMoreInfoTable();
}

function PopulateMoreInfoTable()
{
    var list_table = document.getElementById(client_id + 'divMoreInfoList');
    list_table.innerHTML = "<table cellpadding='0' cellspacing='1' style='font-size: 10px;' border='0'>";

    for (var i = 0; i < arr_text.length; i++)
    {
        var text = ((arr_text[i].toString() == "empty") ? "<span class='dimmed'><i>empty</i></span>" : arr_text[i].toString());
        var url = ((arr_url[i].toString() == "empty") ? "<span class='dimmed'><i>empty</i></span>" : arr_url[i].toString());
    
        list_table.innerHTML += "<tr><td width='220' class='cell'><span class='dimmed'>[text]</span> " + text + "<br/><span class='dimmed'>[url]</span> " + url + "</td><td width='10' valign='middle' align='center' class='cell'><div onclick='MoreInfo_Remove(" + i + ");' style='cursor: pointer;'><b>x</b></div></td></tr>";
    }

    list_table.innerHTML += '</table>';

    document.getElementById(client_id + 'txtMoreInfoText').value = '';
    document.getElementById(client_id + 'txtMoreInfoUrl').value = '';

    document.getElementById(client_id + 'hidText').value = arr_text.join('|');
    document.getElementById(client_id + 'hidURL').value = arr_url.join('|');
}

function MoreInfo_Remove(index)
{
    arr_text.splice(index, 1);

    arr_url.splice(index, 1);

    PopulateMoreInfoTable();
}