var lampImages = Array();



/* in HTML */
/*
var preload = Array(
	{id: 'pic1', active: 'http://my/u.jpg', inactive: 'http://my/u1.jpg'},
	{id: 'pic2', active: 'http://my/u.jpg', inactive: 'http://my/u1.jpg'},
	{id: 'pic3', active: 'http://my/u.jpg', inactive: 'http://my/u1.jpg'},
	{id: 'pic4', active: 'http://my/u.jpg', inactive: 'http://my/u1.jpg'}
);
preloadImages( preload );
*/
/* --- in html */

function preloadImages(arr)
{
	for(i=0; i < arr.length; i++)
	{
		lampImages[i] = new Object();
		lampImages[i].imageActive = new Image();
		lampImages[i].imageActive.src = arr[i].active;
		lampImages[i].imageInactive = new Image();
		lampImages[i].imageInactive.src = arr[i].inactive;
		lampImages[i].id = arr[i].id;
	}
}

function _getImage(id)
{
	ret = 0;
	for(i=0; i < lampImages.length; i++)
	{
		if (lampImages[i].id == id)
		{
			ret = lampImages[i];
			break;
		}
	}
	return ret;
}

function _setLampImage(id, url)
{
	var el = document.getElementById(id);
	if (el)
	{
		el.src = url;
		//alert(url);
	}
}

/**
	id - identificator of image (STRING)
	active - active or inactive image (BOOLEAN)
*/
function swapImage(id, active)
{
	var el = document.getElementById( id );
	var im = _getImage(id);
	if (el && im)
	{
		var url = '';
		if (active)
			url = im.imageActive.src;
		else
			url = im.imageInactive.src;
		setTimeout("_setLampImage('" + id + "', '" + url + "');", 1);
	}
}