var loaded_imgs = {};
var imgs_loaded = false;


//function to preload image objects
function preloadImgs()
{
	//window.alert(arguments.length);
	
	//vars for looping thru args
	var n, img_array, total_imgs;
	var total_args = arguments.length;
	
	//args for loop ing thru img array
	var i, crnt_img;
	
	//loop through ars
	for (n=0; n<total_args; n++)
	{
		
		//get ref to current img array
		img_array = arguments[n];
		total_imgs = img_array.length;
		
		for (i=0; i<total_imgs; i++)
		{
			//get ref to crnt img config obj
			crnt_img = img_array[i];
			//window.alert(crnt_img.id);
			//store preload img obj in loaded imgs assoc array
			loaded_imgs[crnt_img.id] = preloadImageObject (crnt_img);
		}
		
	}
		
	//set imgs loaded to true (i.e. preloaded img objs created)
	imgs_loaded = true;
}


//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 != 'id')
		{
			eval('temp_obj.' + prop + ' = new Image()');
			eval('temp_obj.' + prop + '.src = "' + img_object['img_path'] + img_object[prop] + '"');
		}
	}
	
	//return image obj
	return temp_obj
}

//function to roll img
function rollImg(img_ref, state)
{
	//window.alert('rollin');
	//window.alert(loaded_imgs[img_ref][state].src)
	if (imgs_loaded) document.images[img_ref].src = loaded_imgs[img_ref][state].src;
}