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;
function preloadImages() {
	if (document.images) {
		preloadFlag = true;
	}
}

//Added Clarence Liu: 2010-03-03
//For multiple linked image changes - just going to code this for 2 images, rarely need more on a simple web
//TODO: make this array based
//
//there are trigger mouseovers and linked images
//a trigger mouseover changes the state
var timeout = 1000;
var closeTimer = null;
var subCloseTimer = null;

//lock mouseovered image
var imageLock = '';
var subNewImageName;
var subNewImageUrl;

var centerMouseOver = function(){
	//If moving back to the center clear the timeout
	if (closeTimer != null){
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
	if (subCloseTimer != null){
		window.clearTimeout(subCloseTimer);
		subCloseTimer = null;
	}
	
	
	changeImages('hair_services', 'images/home_over_03.jpg');
	changeImages('about_us', 'images/home_over_06.jpg');
	changeImages('aveda', 'images/home_over_07.jpg');
	changeImages('contact_us', 'images/home_over_09.jpg');
	changeImages('bridal_makeup', 'images/home_over_12.jpg');
	changeImages('spa_services', 'images/home_over_14.jpg');
};

var centerMouseOut = function(){
	closeTimer = window.setTimeout(endCenterMouseOver, timeout);
}

var endCenterMouseOver = function(){

	//Change images back if they are not locked
	if (imageLock != 'hair_services'){
		changeImages('hair_services', 'images/home_03.jpg');
	}
	if (imageLock != 'about_us'){
		changeImages('about_us', 'images/home_06.jpg');
	}
	if (imageLock != 'aveda'){
		changeImages('aveda', 'images/home_07.jpg');
	}
	if (imageLock != 'contact_us'){
		changeImages('contact_us', 'images/home_09.jpg');
	}
	if (imageLock != 'bridal_makeup'){
		changeImages('bridal_makeup', 'images/home_12.jpg');
	}
	if (imageLock != 'spa_services'){
		changeImages('spa_services', 'images/home_14.jpg');
	}
	
	//clear vars
	window.clearTimeout(closeTimer);
	closeTimer = null;
};

var subMouseOver = function(newImageName, newImageUrl){
	//Set the imageLock to prevent the endCenterMouseOver from changing this image back
	imageLock = newImageName;
	
	changeImages(newImageName, newImageUrl);
};

var subMouseOut = function(newImageName, newImageUrl){
	//Set the imageLock to prevent the endCenterMouseOver from changing this image back
	imageLock = '';
	
	//Set Globals so the timeout callback will have them
	subNewImageName = newImageName;
	subNewImageUrl = newImageUrl;
	
	subEndMouseOver();
	//subCloseTimer = window.setTimeout(subEndMouseOver, timeout/4);
};

var subEndMouseOver = function(){
	changeImages(subNewImageName, subNewImageUrl);
};