//roll images path
var roll_img_path;

//roll images config carray
var roll_imgs_array = [];

//object to hold loaded images
var loaded_imgs = {};

//are images loaded
var imgs_loaded = false;


//function to create image objects with relevant states
function preloadImageObject (img_object, img_path)
{
	//create temp object to hold image states
	var temp_obj = {};
	
	for (var prop in img_object)
	{
		if (prop != 'name')
		{
			eval('temp_obj.' + prop + ' = new Image()');
			eval('temp_obj.' + prop + '.src = "' + img_path + img_object[prop] + '"');
		}
	}
	
	//return image obj
	return temp_obj
}
	
	
//function to preload image objects
function preloadRollImgs()
{
	
	//loop through roll imgs_array and create preload object
	for (var i=0; i<roll_imgs_array.length; i++) 
		loaded_imgs[roll_imgs_array[i].name] = preloadImageObject (roll_imgs_array[i], roll_img_path);
	
	imgs_loaded = true;
}
	
//function to roll image
function rollImg(img_ref, state)
{
	//window.alert(loaded_imgs[img_ref][state].src)
	if (imgs_loaded) document.images[img_ref].src = loaded_imgs[img_ref][state].src;
}