//globals
var colorNode
var bkgrndClrNode
var displayNode
var radObj
//
function init()
{
if(!document.documentElement)
{
document.write("Sorry this application requires a decent browser that supports w3c recomendations , Upgrade Your Browser to either ie5.5 or higher ns6 or higher ")
return
}
//create NodeObjects
colorNode = document.getElementById('color')
bkgrndClrNode = document.getElementById('bkgrndClr')
displayNode = document.getElementById('body')
//define events
colorNode.onchange = alterColorStyles
bkgrndClrNode.onchange = alterBgClrStyles
//
radObj = document.forms[0].palette
var max = radObj.length
for(var i = 0;i < max;i++)
  {
  radObj[i].onclick = createpaletteOptions
  }
//set options list
createpaletteOptions()
}

/*
Radio methods
*/

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




//
function createpaletteOptions()
{
objArr = eval(getCheckedRadio())
//objectArr is an array in clrList.js
var progress = "In Progress please wait"
window.status = progress
//clearOptionList
colorNode.options.length=0
bkgrndClrNode.options.length=0
var optNode
var txt
var val
var max = objArr.length
for(var i = 0;i < max;i++)
   {
   progress += "|"
   window.status = progress
   txt = objArr[i].clrName
   val = objArr[i].clrVal
   colorNode.options[i] = new Option(txt,val,false,false)
   colorNode.options[i].style.color = val;
   bkgrndClrNode.options[i] = new Option(txt,val,false,false)
   bkgrndClrNode.options[i].style.backgroundColor = val;
   }
window.status = "html colors"
expand()
}
//
function expand()
{
colorNode.setAttribute('size',colorNode.length);
bkgrndClrNode.setAttribute('size',colorNode.length);
colorNode.selectedIndex = 1
bkgrndClrNode.selectedIndex = 14
alterColorStyles()
alterBgClrStyles()
}
/*
Write to the right display box
*/

function alterColorStyles()
{
var val = colorNode.options[colorNode.selectedIndex].value
var txt = colorNode.options[colorNode.selectedIndex].text
bkgrndClrNode.style.color = val
//set color in display
displayNode.style.color = val
//change value in display
node = document.getElementById('cssColor')
if(node.firstChild)
   {
   node.removeChild(node.firstChild)
   }
node.appendChild(document.createTextNode(val))
//change name in display
node = document.getElementById('namedColor')
if(node.firstChild)
   {
   node.removeChild(node.firstChild)
   }
node.appendChild(document.createTextNode(txt))
}



function alterBgClrStyles()
{
var val = bkgrndClrNode.options[bkgrndClrNode.selectedIndex].value
var txt = bkgrndClrNode.options[bkgrndClrNode.selectedIndex].text
colorNode.style.backgroundColor = val
//set backgroundColor
displayNode.style.backgroundColor = val
//insert into doc
node = document.getElementById('cssBgClr')
if(node.firstChild)
   {
   node.removeChild(node.firstChild)
   }
node.appendChild(document.createTextNode(val))
node = document.getElementById('namedBgColor')
if(node.firstChild)
   {
   node.removeChild(node.firstChild)
   }
node.appendChild(document.createTextNode(txt))
}