/*
	Filename         :	people.1st.form.focus.js
	Created by       :	Mark Thomas
	Last modified by :	Mark Thomas
	Created          :	01 February 2006 15:28:02
	Last Updated     :	03 February 2006 12:07:28
	Comments         :	can use this to highlight fields on :focus
*/
mtLibAddEvent(function(){
	if(!document.getElementById("banner")) return;
	var aInputs = document.getElementById("banner").getElementsByTagName("input");
	for(var i=0; i<aInputs.length; i++){
		if(typeof aInputs[i].onfocus == 'function'){aInputs[i].oldOnfocus = aInputs[i].onfocus;};
		if(typeof aInputs[i].onblur == 'function'){aInputs[i].oldOnblur = aInputs[i].onblur;};
		aInputs[i].onfocus = function(){
			this.className = this.className.replace(" focused", "") + " focused";
			if(this.oldOnfocus)this.oldOnfocus();
		};
		aInputs[i].onblur = function(){
			this.className = this.className.replace(/\bfocused\b/g, "");
			if(this.oldOnblur)this.oldOnblur();
		};
	};
}, "load");

mtLibAddEvent(function(){
	if(!document.getElementById("packagelist")) return;
	var a = document.getElementById("packagelist").getElementsByTagName("input");
	for(var i=0; i<a.length; i++){
		a[i].onclick = animate;
	};
	function animate(){
		for(var j=0; j<a.length; j++){
			if(a[j].checked){
				fade(a[j], 1);
				a[j].bChecked = 1;
				a[j].blur();
			}else if(a[j].bChecked){
				fade(a[j], 0);
				a[j].bChecked = 0;
			};
		};
	};
	function fade(o, bIn){
		var aColsBorder = ["FFFFFF", "4295D1"];
		var aColsBg = ["FFFFFF", "E9F0F6"];
		if(!bIn){
			aColsBorder.reverse();
			aColsBg.reverse();
		};
		o.parentNode.id = "label" + o.id;
		window["oFormHighlight" + o.id] = new oMTLib.animation("label" + o.id);
		window["oFormHighlight" + o.id].highlightFade(500, "backgroundColor", oMTLib.colourBlend(aColsBg[0], aColsBg[1], 6));
		window["oFormHighlight" + o.id].highlightFade(500, "borderColor", oMTLib.colourBlend(aColsBorder[0], aColsBorder[1], 6));
	};
	animate();
}, "load");


function highLightLogin(){
	oLogin = new oMTLib.animation("fLoginEmail");
	oLogin.highlightFade(500, "backgroundColor", oMTLib.colourBlend("ffffff", "4295D1", 6));
	oLogin.highlightFade(500, "borderColor", oMTLib.colourBlend("4295D1", "ffffff", 6));
	setTimeout(function(){
		oLogin.highlightFade(800, "backgroundColor", oMTLib.colourBlend("4295D1", "ffffff", 10));
		oLogin.highlightFade(800, "borderColor", oMTLib.colourBlend("ffffff", "4295D1", 10));
	}, 500);
	document.getElementById("fLoginEmail").focus();
}