/******************************************************************/
/*                  	buttonsToImages v1.1                      */
/*				   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 Window.onDomReady(); if used             */
/* 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.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)									  */
/*	   - Internet Explorer 7 									  */
/*	   - Internet Explorer 6 w/SP2								  */
/*																  */
/******************************************************************/

//================================================================================================
// CHANGE FORM BUTTONS TO IMAGES
//================================================================================================
	function buttonsToImages(){
		//CHECK FOR JAVASCRIPT SUPPORT
		if(!document.getElementById || !document.createTextNode){return;}
		
		//SET BASE VARIABLES
		var inputs,i,newImage;
		var SubmitButton = "/images/send.png";
		var ReferralSend = "/images/send2.png";
		var ResetButton = "/images/clear.png";
		
		//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++;}
			var form = inputs[i].form;
			
			if(inputs[i].getAttribute('name').toLowerCase() == 'referral_send'){
				//create image
				newImage = document.createElement('img');
				newImage.setAttribute('src', ReferralSend);
				newImage.setAttribute('alt','');
				newImage.onclick = function() {document.forms.referrals.submit();};
				newImage.setAttribute('id','r_send');		
			} else {
				//create image
				newImage = document.createElement('img');
				newImage.setAttribute('src', SubmitButton);
				newImage.setAttribute('alt','');
				newImage.onclick = function() {form.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.onDomReady(buttonsToImages);
window.onload = buttonsToImages;