/*
	Attach to the domready event on the window, which is the soonest we can interact with the window elements. 
*/
function cc_addEvent(obj, evType, fn){ 
	if (obj.addEventListener){ 
		obj.addEventListener(evType, fn, false); 
		return true; 
	} else if (obj.attachEvent){ 
		var r = obj.attachEvent("on"+evType, fn); 
		return r; 
	} else { 
		return false; 
	} 
}

function cc_class(action,obj,c1ass) {
	switch (action){
		case 'add':
			if(!cc_class('check',obj,c1ass)){obj.className+=obj.className?' '+c1ass:c1ass;}
		break;
		case 'remove':
			var rep=obj.className.match(' '+c1ass)?' '+c1ass:c1ass;
			obj.className=obj.className.replace(rep,'');
		break;
		case 'check':
			return new RegExp('\\b'+c1ass+'\\b').test(obj.className)
		break;
	}
}

cc_addEvent(window, 'load', function() {
	//--- Get both the username and password elements.
	var username_field = document.getElementById('username_login');
	var password_field = document.getElementById('password_login');
	cc_addEvent(username_field, 'focus', function(){
			cc_class('remove',username_field,'empty');
		});
	cc_addEvent(username_field, 'blur', function(){
			if( username_field.value == "" ) {
				cc_class('add',username_field,'empty');
			}
		});
	cc_addEvent(password_field, 'focus', function(){
			cc_class('remove',password_field,'empty');
		});
	cc_addEvent(password_field,'blur',function(){
			if( password_field.value == "" ) {
				cc_class('add',password_field,'empty');
			}
		});
	if (username_field.value == "") {
		cc_class('add',username_field,'empty');
	}
	if (password_field.value == "") {
		cc_class('add',password_field,'empty');
	}
});