function onlyNumbers(e)
  {
    var keynum;
    var keychar;
    var numcheck;
    if(window.event) // IE
      {keynum = e.keyCode;}
    else if(e.which) // Netscape/Firefox/Opera
      {keynum = e.which;}
    keychar = String.fromCharCode(keynum);
    numcheck = /\d/;
    return numcheck.test(keychar);
  }

  function gotoPage()
  {
    nCurrentPage = parseInt(document.getElementById("bgIndex").innerHTML);
    nJumpTo = parseInt(document.getElementById("jumpPage").value);
    bgPaging(nJumpTo - nCurrentPage);
  }

  function getRadioValue(object)
  {
   for (var i=0; i < object.length; i++)
   {if (object[i].checked) {return object[i].value;}}
  }

  function generateCode()
  {
    // get selected values
    sURL =       document.gen.Image.value;
    sVPosition = getRadioValue(document.gen.VPosition);
    sHPosition = getRadioValue(document.gen.HPosition);
    sRepeatX =   document.gen.RepeatX.checked;
    sRepeatY =   document.gen.RepeatY.checked;
    sFixedC =    document.gen.Fixed.checked;
    sTables =    getRadioValue(document.gen.Table);
    sBorders =   document.gen.Borders.checked;
    sTopDiv =    document.gen.TopDiv.checked;
   // translate values into css
   var sPosition = "";
   if (sVPosition == "0") {sPosition = sPosition + " background-position:top ";}
   if (sVPosition == "1") {sPosition = sPosition + " background-position:center ";}
   if (sVPosition == "2") {sPosition = sPosition + " background-position:bottom ";}
   if (sHPosition == "0") {sPosition = sPosition + "left;";}
   if (sHPosition == "1") {sPosition = sPosition + "center;";}
   if (sHPosition == "2") {sPosition = sPosition + "right;";}
   var sRepeat = "";
   if (sRepeatX && !sRepeatY)  {sRepeat = " background-repeat:repeat-x;";}
   if (!sRepeatX && sRepeatY)  {sRepeat = " background-repeat:repeat-y;";}
   if (!sRepeatX && !sRepeatY) {sRepeat = " background-repeat:no-repeat;";}
   var sFixed = "";
   if (sFixedC) {sFixed = "background-attachment:fixed;";}
   var sTableCode = "";
   if (sTables == "1" || sTables == "2" || sTables == "3" || sBorders) 
      {sTableCode = sTableCode + "table, tr, td {";
       if (sTables == "1" || sTables == "2" || sTables == "3") {sTableCode = sTableCode + "background-color:transparent;";}
       if (sBorders) {sTableCode = sTableCode + " border:0px;";}
       sTableCode = sTableCode + "}\r";
      }
   if (sTables == "0") {sTableCode = "tr {background-color:transparent;}\r";}
   if (sTables == "0" && sBorders) {sTableCode = "table, td {border:0px;}\r";}
   if (sTables == "1") {sTableCode = sTableCode + "table table table {background-color:white;}\r";}
   if (sTables == "2") {sTableCode = sTableCode + "td td td {background-color:white; filter:alpha(opacity=70); opacity:0.7; -khtml-opacity:0.7;}\r";}
   var sTopDivCode = "";
   if (sTopDiv) {sTopDivCode = "div table, div td {background-color:transparent;}\r";}

   sCode = "<style> Katamari Background Image Generator for Profile 1.0\r{ http://abrax.us/Katamari/BackgroundGen.php }\rbody.bodyContent {background-image:url('" + sURL + "'); " + sPosition + sRepeat + sFixed + "}\r" + sTableCode + sTopDivCode + "</style>";

    try {document.getElementById("textareaResult").value= sCode;}      catch(err) { }
    displayResults(true);
  }

  function displayResults(sValue)
  {
    document.getElementById("results").style.display = (sValue)? "block":"none";
  }

  function bgPaging(increment)
  {
    page = parseInt(document.getElementById("bgIndex").innerHTML);
    newPage = page + increment;
    if (newPage > 0)
       {document.getElementById("bgIndex").innerHTML = newPage;
        showBackgrounds();
        bgselection(1);
       }
  }

  function showBackgrounds()
  {
    bgPage = parseInt(document.getElementById('bgIndex').innerHTML);

    xmlDoc = loadXMLDoc("../bbz/backgrounds.xml");
    selectedBackgroundList = xmlDoc.getElementsByTagName("url");
    startIndex = (bgPage-1) * 6;
    document.getElementById("pageTotal").innerHTML = parseInt(xmlDoc.getElementsByTagName('url').length / 6)+1;

    try {bg1 = selectedBackgroundList[startIndex+0].childNodes[0].nodeValue;} catch(err) {bg1="";}
    try {bg2 = selectedBackgroundList[startIndex+1].childNodes[0].nodeValue;} catch(err) {bg2="";}
    try {bg3 = selectedBackgroundList[startIndex+2].childNodes[0].nodeValue;} catch(err) {bg3="";}
    try {bg4 = selectedBackgroundList[startIndex+3].childNodes[0].nodeValue;} catch(err) {bg4="";}
    try {bg5 = selectedBackgroundList[startIndex+4].childNodes[0].nodeValue;} catch(err) {bg5="";}
    try {bg6 = selectedBackgroundList[startIndex+5].childNodes[0].nodeValue;} catch(err) {bg6="";}

    document.getElementById('bg1').style.backgroundImage = "url(" + bg1 + ")";
    document.getElementById('bg2').style.backgroundImage = "url(" + bg2 + ")";
    document.getElementById('bg3').style.backgroundImage = "url(" + bg3 + ")";
    document.getElementById('bg4').style.backgroundImage = "url(" + bg4 + ")";
    document.getElementById('bg5').style.backgroundImage = "url(" + bg5 + ")";
    document.getElementById('bg6').style.backgroundImage = "url(" + bg6 + ")";
  }

  function bgselection(numberNum)
  {
    displayResults(false);

    // clear out all selections
    for (linknum = 1; linknum <= 6; linknum = linknum + 1)
    {
     selectedItem = document.getElementById("bgselect" + linknum.toString());
     selectedItem.style.borderWidth = "";
     selectedItem.style.borderColor = "";
     selectedItem.style.borderStyle = "";
     selectedItem.style.backgroundColor = "transparent";
    } 
    
    // set background and border for current selection
    selectedItem = document.getElementById("bgselect" + numberNum.toString());
    selectedItem.style.borderWidth = "1px";
    selectedItem.style.borderColor = "#000000";
    selectedItem.style.borderStyle = "solid";
    selectedItem.style.backgroundColor = "limegreen";

    bgURL  = document.getElementById("bg" + numberNum.toString()).style.backgroundImage;
    bgURL2 = bgURL.replace("url(\"", "");
    bgURL2 = bgURL2.replace("\")", "");
    document.body.style.backgroundImage = bgURL;

    document.getElementById("Image").value   = bgURL2;
    document.getElementById("thumbnail").src = bgURL2;

  }

function showImagePrompt(source)
{
  imagePrompt(source);
}

function imagePrompt(defaultValue)
{
  ae_prompt(processInfo, 'Enter a valid image URL:', document.getElementById(defaultValue).value, defaultValue);
}

function processInfo(n)
// post processing routine
{
  var resultbox= document.getElementById('Image');
  resultbox.value = n;
  var defImage= document.getElementById('thumbnail');
  defImage.src = n;
  displayResults(false);
  document.body.style.backgroundImage = "url('" + n + "')";

}


// ae_prompt function sources 
var ae_cb = null;
var ae_source = null;
function ae$(a) { return document.getElementById(a); } 
function ae_prompt(cb, q, a, s) {
ae_cb = cb;
ae_source = s;
ae$('aep_t').innerHTML = 'Katamari Prompt:';
ae$('aep_prompt').innerHTML = q;
ae$('aep_text').value = a; 
ae$('aep_ovrl').style.display = ae$('aep_ww').style.display = ''; 
ae$('aep_w').style.backgroundColor = document.getElementById(ae_source).value;
ae$('aep_text').focus(); 
ae$('aep_text').select(); 
}
function ae_clk(m) { 
ae$('aep_ovrl').style.display = ae$('aep_ww').style.display = 'none'; 
if (!m) ae_cb(null); else ae_cb(ae$('aep_text').value);
}
// ae_prompt function sources 

// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
	if(!radioObj)
		return;
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}
	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}

function setupRadios()
{
  setCheckedValue(document.gen.VPosition, 1);
  setCheckedValue(document.gen.HPosition, 1);
  setCheckedValue(document.gen.Table, 0);
}