//=============================================
// Img RollOver
//=============================================
var initRollovers = {
	temp : {
		cName    : "ov",
		sTempSrc : null,
		src      : null,
		hsrc     : null,
		ftype    : null
	},

	main : function (){
		var aPreLoad = new Array();
		var sTempSrc;
		var aImages = document.getElementsByTagName('img');

		for (var i = 0; i < aImages.length; i++) {
			if ( aImages[i].className.indexOf(initRollovers.temp.cName)  != -1 ) {
				var src = aImages[i].getAttribute('src');
					initRollovers.temp.src = src;
				var ftype = src.substring(src.lastIndexOf('.'), src.length);
					initRollovers.temp.ftype = ftype;
				var hsrc = src.replace(ftype, '_on'+ftype);
					initRollovers.temp.hsrc = hsrc;

				aImages[i].setAttribute('hsrc', hsrc);

				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;

				try {
					aImages[i].addEventListener('mouseover', initRollovers.imgOver, false);
					aImages[i].addEventListener('mouseout', initRollovers.imgOut, false);
				} catch (e) {
					aImages[i].attachEvent('onmouseover', (function(el){return function(){initRollovers.imgOver.call(el);};})(aImages[i])); 
					aImages[i].attachEvent('onmouseout', (function(el){return function(){initRollovers.imgOut.call(el);};})(aImages[i])); 
				}
			}
		}
	},

	imgOver : function(){
		var src  = initRollovers.temp.src;
		var hsrc = initRollovers.temp.hsrc;
		initRollovers.temp.sTempSrc = this.getAttribute('src');
		this.setAttribute('src', this.getAttribute('hsrc'));
	},

	imgOut : function(){
		var src   = initRollovers.temp.src;
		var hsrc  = initRollovers.temp.hsrc;
		var ftype = initRollovers.temp.ftype;
		if (!initRollovers.temp.sTempSrc) initRollovers.temp.sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
		this.setAttribute('src', initRollovers.temp.sTempSrc);
	},

	addEvent : function(){
		try {
			window.addEventListener('load', this.main, false);
		} catch (e) {
			window.attachEvent('onload', this.main);
		}
	}
}
initRollovers.addEvent();


//=============================================
// form elements onfocus bgColor
//=============================================
var initFormelEments = {
	temp : {
		focusColor : "#FFFBBF",
		blurColor  : "#FFFFFF",
		cName      : "ontxt",
		formTag    : new Array("input","select","textarea")
	},

	setProcess : function (){
		if (!document.getElementById) return
		for( si=0 ; si < initFormelEments.temp.formTag.length ; si++ ){
			initFormelEments.main(initFormelEments.temp.formTag[si]);
		}
	},

	main : function (tagName){
		var tagName = document.getElementsByTagName(tagName);
		if( tagName.length != 0 ){
			for( i=0 ; i < tagName.length ; i++ ){
				try {
					tagName[i].addEventListener('focus', initFormelEments.changeBGFocus, false);
					tagName[i].addEventListener('blur', initFormelEments.changeBGBlur, false);
				} catch (e) {
					tagName[i].attachEvent('onfocus', (function(el){return function(){initFormelEments.changeBGFocus.call(el);};})(tagName[i])); 
					tagName[i].attachEvent('onblur', (function(el){return function(){initFormelEments.changeBGBlur.call(el);};})(tagName[i])); 
				}
			}
		}
	},

	changeBGFocus : function(){
		if ( this.className.indexOf(initFormelEments.temp.cName)  != -1 ) {
			this.style.backgroundColor = initFormelEments.temp.focusColor;
		}
	},
	changeBGBlur : function(){
		var bColor = "#ffffff";
		if ( this.className.indexOf(initFormelEments.temp.cName)  != -1 ) {
			this.style.backgroundColor =  initFormelEments.temp.blurColor;
		}
	},

	addEvent : function(){
		try {
			window.addEventListener('load', this.setProcess, false);
		} catch (e) {
			window.attachEvent('onload', this.setProcess);
		}
	}
}
initFormelEments.addEvent();

