function updateHTML(elID, newText) {
    var el = document.getElementById(elID);
    el.innerHTML = newText;        // real js
}
function change_bucks (el, offer_cost, premium_currency, currency_name, currency_name_plural, monster_name)
{
    var value = el.options[el.selectedIndex].value
    var button = document.getElementById ('offer_button1100');
    var pname;
    if (value > 1)
        pname = currency_name_plural;
    else
        pname = currency_name;
    
    var newText1 = "Convert "+value+" "+pname+" to "+(value*10)+" "+monster_name+" Bucks";
    var newText2 = "Cost: "+value+" "+pname;
    var newText3 = '';
    if (value > premium_currency)
    {
        button.disabled='disabled';
        var amount_required = value - premium_currency;
        if (amount_required > 1)
            pname = currency_name_plural;
        else
            pname = currency_name;
        newText3 = "You need "+amount_required+" more "+pname;
    }
    else
    {
        button.disabled='';
    }
    updateHTML ('offer_name1100', newText1);
    updateHTML ('cost1100', newText2);
    updateHTML ('not_enough1100', newText3);
}

function set_background_color (obj, color)
{
	obj.style.background = color;
}
function select_item(obj, id, offset) 
{
	// clear all the items first
	var iCount = 1;
	var row;
	while (1)
	{
		row = document.getElementById("item_"+iCount);
		
		if (row)
		{
			set_background_color (row, "none");
			iCount++;
		}
		else
		{
			break;
		}
	}
	
	var el = document.getElementById("item_"+id);
	set_background_color (el, "#5d1f1b");
	
	el = document.getElementById("versus_column");
	el.style.visibility = "visible";

	el = document.getElementById("friend_column");
	el.style.visibility = "visible";
	
	selected_item = offset;
} 

function give_gift (to_user)
{
	if (selected_item > 0)
	{
		requestPage('gift.php'+"?item="+selected_item+"&to_user="+to_user);
	}
}

var cur_sub_active = 0;

function select_sub_tab (index)
{
	// clear all the items first
	if (index == cur_sub_active)
		return;
		
	el = document.getElementById("sub_info_div"+index);
	el.style.display = "block";

	el = document.getElementById("sub_info_div"+cur_sub_active);
	el.style.display = "none";
	
    document.getElementById("ui_radio_left_sub_radio"+index).className = "ui_radio_left_active";
    document.getElementById("ui_radio_left_sub_radio"+cur_sub_active).className = "ui_radio_left ui_radio_highlight";

	cur_sub_active = index;
}


var selected_item = -1;