// JavaScript Document

var enroll = {
	cookieData:{},
	fade: function(id) {
		var dom = document.getElementById(id),
			level = 1;
		function step () {
			var h = level.toString(16);
			dom.style.backgroundColor = '#FFFF' + h + h;
	
		if (level < 15) {
				level += 1;
				setTimeout(step, 100);
			}
		}
		
		if(dom!=null){
			setTimeout(step, 100);
		}
	}
};

enroll.getUser=function(){
	
	new Ajax.Request('code/getUser.php',
	{
		method:'post',
		parameters:{id:enroll.cookieData.id},
		onSuccess: function(transport){
		  var response = transport.responseText || "no response text";
		  eval(response); // convert to JSON
		  				  // the object is named rd for returned data	
		  enroll.output();   // use the JSON object rd to populate form
		 				  // vfi.output must be constructed on every page	
		},
		onFailure: function(){ alert('Something went wrong...') }
	  });
}

enroll.getScacData=function(){
	
	new Ajax.Request('code/getScacData.php',
	{
		method:'post',
		parameters:{scac:enroll.cookieData.scac},
		onSuccess: function(transport){
		  var response = transport.responseText || "no response text";
		  eval(response); // convert to JSON
		  				  // the object is named rd for returned data	
		  enroll.output();   // use the JSON object rd to populate form
		 				  // vfi.output must be constructed on every page	
		},
		onFailure: function(){ alert('Something went wrong...') }
	  });
};

enroll.listScacs = function(){
    new Ajax.Request('code/listScacs.php', {
        method: 'post',
        parameters: {},
        onComplete: function (transport) {
            var response = transport.responseText || "no response text";
            $('output').update(response);
        },
        onFailure: function () {
            alert('Something went wrong...');
        }
    });
};

//	Bind the fade function to each textbox and input
document.observe("dom:loaded",function(){

	enroll.listScacs();
	$$("input").each(function(elmt){ elmt.onfocus = function(){(enroll.fade(elmt.id));} });
	$$("textarea").each(function(elmt){ elmt.onfocus = function(){(enroll.fade(elmt.id));} });
});