var imageFolder = "http://localhost/textfield%20effect/images/";

var txtfield_bg_on = imageFolder+"textbox1_on.gif";
var txtfield_color_on = "#1674BA";
var txtfield_bg_off = imageFolder+"textbox1_off.gif";
var txtfield_color_off = "#000000";

var txtfield1_bg_on = imageFolder+"textbox1_on.gif";
var txtfield1_color_on = "#1674BA";
var txtfield1_bg_off = imageFolder+"textbox1_off.gif";
var txtfield1_color_off = "#000000";

var txtareafield_bg_on = imageFolder+"textbox1_on.gif";
var txtareafield_color_on = "#1674BA";
var txtareafield_bg_off = imageFolder+"textbox1_off.gif";
var txtareafield_color_off = "#000000";

var txtareafield1_bg_on = imageFolder+"textbox1_on.gif";
var txtareafield1_color_on = "#1674BA";
var txtareafield1_bg_off = imageFolder+"textbox1_off.gif";
var txtareafield1_color_off = "#000000";

var txtFieldName = "txtField1";
var txtFieldName = "txtField";
var txtAreaFieldName = "txtAreaField";
var txtAreaFieldName = "txtAreaField1";

var txtinputs = document.getElementsByTagName('input');
var txtareainputs = document.getElementsByTagName('textarea');

function addEvent(objObject, strEventName, fnHandler) {
      if (objObject.addEventListener)
        objObject.addEventListener(strEventName, fnHandler, false);
      else if (objObject.attachEvent)
        objObject.attachEvent("on" + strEventName, fnHandler);
}


function getForm()
{	
	for(var k=0;k<txtinputs.length;k++)
	{
		if(txtinputs[k].className == txtFieldName)
		{		
			addEvent(txtinputs[k], "focus", txtBgFocus.bindListener([k]));
			addEvent(txtinputs[k], "blur", txtBgBlur.bindListener([k]));		
		}
	}
	
	for(var k=0;k<txtareainputs.length;k++)
	{
		if(txtareainputs[k].className == txtAreaFieldName)
		{		
			addEvent(txtareainputs[k], "focus", txtAreaBgFocus.bindListener([k]));
			addEvent(txtareainputs[k], "blur", txtAreaBgBlur.bindListener([k]));		
		}
	}	
}


function txtBgBlur(e, fieldID)
{
  txtinputs[fieldID].style.backgroundImage="url("+txtfield_bg_off+")";
  txtinputs[fieldID].style.color=txtfield_color_off;
}

function txtBgFocus(e, fieldID)
{
  txtinputs[fieldID].style.backgroundImage="url("+txtfield_bg_on+")";
  txtinputs[fieldID].style.color=txtfield_color_on;
}

function txtAreaBgBlur(e, fieldID)
{
  txtareainputs[fieldID].style.backgroundImage="url("+txtareafield_bg_off+")";
  txtareainputs[fieldID].style.color=txtareafield_color_off;
}

function txtAreaBgFocus(e, fieldID)
{
  txtareainputs[fieldID].style.backgroundImage="url("+txtareafield_bg_on+")";
  txtareainputs[fieldID].style.color=txtareafield_color_on;
}

Function.prototype.bindListener = function(params) {
    var a = this;
    return function(event) { a(event || window.event, params || []) }
}

addEvent(window, "load", getForm);