/******************************************************************/
/*                  	buttonsToImages v1.2                      */
/*				   An unobtrusive form button styler 			  */
/*              by Tim Novinger, lateapxr [at] gmail.com          */
/******************************************************************/
/* MIT style license:                                             */
/* http://en.wikipedia.org/wiki/MIT_License                       */
/*																  */
/* Mootools Required for init on DOM ready support                */
/* Available at:                                                  */
/* http://www.mootools.net/                                       */
/* 																  */
/* Based on Christian Heilman's submitToLinks() function		  */
/* found in "Beginning Javascript with DOM Scripting and AJAX	  */
/* 																  */
/* Changelog:													  */
/* 	 Version 1.2 (Apr 5th, 2007)								  */
/*	   - Changed onDomReady method to pass variables to function  */
/* 	 Version 1.1 (Mar 27th, 2007)								  */
/*	   - Fixed minor syntax issues, to allow compression		  */
/*       using Dean Edward's /packer/ 							  */
/* 	 Version 1.0 (Mar 14th, 2007)								  */
/*	   - Initial build											  */
/*																  */
/*	 Supported browsers at time of build:						  */
/*	   - Firefox 2.0											  */
/*	   - Opera 9.10												  */
/*	   - Safari 2.0.4(419.3)									  */
/*     - Camino 1.0.4											  */
/*	   - Internet Explorer 7 									  */
/*	   - Internet Explorer 6 w/SP2								  */
/*																  */
/******************************************************************/

//================================================================================================
// CHANGE FORM BUTTONS TO IMAGES
//================================================================================================
	function buttonsToImages(dir){
		//CHECK FOR JAVASCRIPT SUPPORT
		if(!document.getElementById || !document.createTextNode){return;}
		
		//SET BASE VARIABLES
		var inputs,i,newImage;
		var SubmitButton = dir + "submit.gif";
		var GoButton = dir + "go.png";
		var ResetButton = dir + "clear.png";
		
		
		//DO NOT CONFIGURE BEYOND THIS POINT
		//========================================================================================
				//COLLECT ALL INPUT ELEMNTS AND PLACE INTO ARRAY
				inputs = document.getElementsByTagName('input');
				
				//RESET BUTTON
				for(i=0; i < inputs.length;i++){
					if(inputs[i].getAttribute('type').toLowerCase() != 'reset'){continue; i++;}		
					var form = inputs[i].form;
					
					//create image
					newImage = document.createElement('img');
					newImage.setAttribute('src', ResetButton);
					newImage.setAttribute('alt','');
					newImage.onclick = function() {document.getElementById(form.id).reset();};
					newImage.setAttribute('className','button');
					newImage.setAttribute('class','button');
					
					//inject into DOM
					inputs[i].parentNode.replaceChild(newImage,inputs[i]);
		
					//loop check
					if(i < inputs.length){i--};
				}
				
				//SUBMIT BUTTON
				for(i=0; i < inputs.length;i++){
					if(inputs[i].getAttribute('type').toLowerCase() != 'submit'){continue; i++;}
					if(inputs[i].getAttribute('value').toLowerCase() == 'go'){continue; i++;}
					var form = inputs[i].form;
					
					//create image
					newImage = document.createElement('img');
					newImage.setAttribute('src', SubmitButton);
					newImage.setAttribute('alt','');
					newImage.onclick = function() {document.getElementById(form.id).submit();};
					newImage.setAttribute('className','button');
					newImage.setAttribute('class','button');
					
					//inject into DOM
					inputs[i].parentNode.replaceChild(newImage,inputs[i]);
		
					//loop check
					if(i < inputs.length){i--};
				}
				
				//GO BUTTON
				for(i=0; i < inputs.length;i++){
					if(inputs[i].getAttribute('type').toLowerCase() != 'submit'){continue; i++;}
					if(inputs[i].getAttribute('value').toLowerCase() != 'go'){continue; i++;}
					var form = inputs[i].form;
					
					//create image
					newImage = document.createElement('img');
					newImage.setAttribute('src', GoButton);
					newImage.setAttribute('alt','');
					newImage.onclick = function() {document.getElementById(form.id).submit();};
					newImage.setAttribute('className','button');
					newImage.setAttribute('class','button');
					
					//inject into DOM
					inputs[i].parentNode.replaceChild(newImage,inputs[i]);
		
					//loop check
					if(i < inputs.length){i--};
				}
	}
//================================================================================================
window.addEvent('domready', buttonsToImages.pass('/images/'));
//window.onload = buttonsToImages;