window.onload=initPage;
var currObject = null;
var fader = 4;
var timerID;

var hexL = new Array('F','E','D','C');
var hexN = new Array('F','E','D','C','B','A','9','8','7','6','5','4','3','2','1','0');
var hexColors = hexArray();
var globalCounter = hexColors.length-1;

function hexArray(){
var duo = null;
var trio = null;
var arrHex = new Array();
	for(i=0; hexL.length>i; i++){
	
		for(j=0; hexN.length>j; j++){
			duo = hexL[i]+hexN[j];
			trio = duo + duo + duo;
			arrHex.push(trio);
		}
	}
return arrHex;
}

function setEvents(){
    if(ddlDep!=null){
        gebid(ddlDep).onchange=showChanged;
        var rfvOptionGroup = gebid("rfvOptionGroup");
        if(rfvOptionGroup!=null){
            rfvOptionGroup.controltovalidate = ddlDep;
        }
    }
    timerID = self.setInterval('fadeBackground("divarea_0")',16);
};
function showChanged(){
    if(ddlDep&&hflSelectedValue){
        var selectedIdx=gebid(ddlDep).selectedIndex;
        var selectedValue=gebid(ddlDep)[selectedIdx].value;
        var selectedText=gebid(ddlDep)[selectedIdx].innerHTML;
        var optionGroup=gebid(ddlDep)[selectedIdx].attributes.OptionGroup.value;
        gebid(hflSelectedValue).value=optionGroup+'%'+selectedText+'|||'+selectedValue;
        gebid('divarea_'+selectedValue).style.display='block';
        if(document.shownOptionGroupDetails){
            document.shownOptionGroupDetails.style.display='none';
        }else{
            gebid('divarea_0').style.display='none';
        }
        document.shownOptionGroupDetails=gebid('divarea_'+selectedValue);
        timerID = self.setInterval('fadeBackground(\"divarea_'+selectedValue+'\")',16);
    }
};
function validateSelection(sender, validator){
    var isvalid=false;
    if(hflSelectedValue){
        var value=parseInt(gebid(hflSelectedValue).value.split('|||')[1]);
        if(value > 0){
            isvalid=true;
        }
        validator.IsValid=isvalid;
        validator.Value=value;
    }
};
function fadeBackground(objname){
    var obj=gebid(objname);
	obj.style.backgroundColor = '#'+hexColors[globalCounter];
	globalCounter = globalCounter - 1;
	if(globalCounter < 0){
		globalCounter = hexColors.length-1;
		clearInterval(timerID);
	}
};

function initPage(){
    setEvents();
    if(gebid(ddlDep).selectedIndex > 0){
        self.setTimeout('showChanged()', 16);
    }
}