// JavaScript Document

document.getElementsByClassName = function(cl) 
{
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) 
	{
		var classes = elem[i].className;
		if (myclass.test(classes)) 
			retnode.push(elem[i]);
	}
	return retnode;
};


function preload_images() 
{
	var cImages = new Array();
	var oImages = new Array();
	
	var ims1 = document.getElementsByClassName('im-g');
	var ims2 = document.getElementsByClassName('im-p');	
	var ims = new Array();	
	
	ims = ims.concat(ims1,ims2);
	
	for (i in ims)
	{
		
		src_c = ims[i].src;		
		src_o = ims[i].src.replace('.jpg','-c.jpg');
		
		cImages[src_o] = new Image();
		cImages[src_o].src = src_c;
		
		oImages[src_c] = new Image();
		oImages[src_c].src = src_o;	
		
		ims[i].onmouseover = function()
		{
			key_c = this.src;
			this.src = oImages[key_c].src;
		};
		
		ims[i].onmouseout = function()
		{
			key_o = this.src;			
			this.src = cImages[key_o].src;
		};		
		
	}
}

preload_images();