//image functions care of jrod.info

<!-- USER IMAGE DATA -->
var Default_Image="images/warning.gif";  				<!-- Default Image
var User_Image="xform1_Upload_Image";  					<!-- User Selected Image ID
var Image_Types = ["jpeg","jpg","png","bmp","gif"];  	<!-- Acceptable Image File Types
var Image_Width = 350;  								<!-- Resize Larger Image Widths To This Value
var Image_Height = 263;  								<!-- Resize Larger Image Heights To This Value
var Max_Width = 400;									<!-- Reject images wider than this
var Max_Height = 400;									<!-- Reject images higher than this

function update(what, clientImage) {					<!-- Verify User Image
	var src = what.value;
	var ext = src.substring(src.lastIndexOf(".")+1,src.length).toLowerCase(); <!-- Check Image Type
	
	for (var j=0; j<Image_Types.length; j++)
		if (Image_Types[j]==ext) break;
	
	New_Image=new Image();
	if (j<Image_Types.length) {
		New_Image.src=src;
	} 
	else {
		New_Image.src=Default_Image;
		alert("PLEASE LOAD A VALID IMAGE TYPE - "+Image_Types.join(", "));
	}
	setTimeout("applyChanges('" + clientImage + "')",300);
}

var New_Image;											<!-- Updated Image
function applyChanges(clientImage) {			<!-- Update User Image
	var range=document.getElementById(clientImage);		<!-- Get User Image Dimensions
	
	var x = parseInt(New_Image.width);		<!-- Convert User Image Width
	var y = parseInt(New_Image.height);		<!-- Convert User Image Height
  
	if(x>Max_Width) {
		alert("The width of your image must be less than " + Max_Width + " pixels.");
		return false;
	}
	else if(x>Max_Height) {
		alert("The height of your image must be less than " + Max_Height + " pixels.");
		return false;
	}
	
	if (x>Image_Width) {
		y*=Image_Width/x;				<!-- Resize Accordingly
		x=Image_Width;}
	if (
		y>Image_Height) { x*=Image_Height/y;
		y=Image_Height;}
	range.style.display=(x<1 || y<1)?"none":"";
	range.src=New_Image.src;
	range.width = x;
	range.height = y;
}

<!-- USER IMAGE BROWSER -->
function show() {					<!-- Show User Image Browser
  var element = document.getElementById('message');
  element.style.visibility = 'visible';}
  
function hide() {					<!-- Show User Image Browser
  var element = document.getElementById('message');
  element.style.visibility = 'hidden';}

<!-- IMAGE/ROLLOVER PRELOAD -->
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;}}
		
function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];}}}
	var preloadFlag = false;
