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((typeof ddlDep != 'undefined') && 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((typeof ddlDep != 'undefined') && 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;
        var dasv = gebid('divarea_' + selectedValue);
        if (dasv != null) {
            dasv.style.display = 'block';
        }
        if(document.shownOptionGroupDetails){
            document.shownOptionGroupDetails.style.display='none';
        } else {
            var da0 = gebid('divarea_0');
            if (da0 != null) {
                da0.style.display = 'none';
            }
        }
        document.shownOptionGroupDetails=dasv;
        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);
    if (obj != null) {
        obj.style.backgroundColor = '#' + hexColors[globalCounter];
        globalCounter = globalCounter - 1;
        if (globalCounter < 0) {
            globalCounter = hexColors.length - 1;
            clearInterval(timerID);
        }
    }
};

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