elements = new Array();
images = new Array();
events = new Array();
	
window.onload = setEvents;
function setEvents ()
{
	//center
	var space=(window.screen.width - 1024)/2;
	space-=10;
	document.getElementById("doc").style.margin ="0 0 0 " + space +"px";

	//events
	events[0] = "mouseover";
	events[1] = "mouseout";
	try{
	for (var i = 0;i < 10;i++)
	{
		elements[i] = document.getElementById("but"+(i+1));
		images[i] = elements[i].src;
	}
	}
	catch(e){}

   for (var i = 0; i < elements.length; i++)
   {
	   for (var x = 0; x < events.length; x++)
	   {
		   if (elements[i].addEventListener) {
			  elements[i].addEventListener(events[x],Over,false);
		   } else if (elements[i].attachEvent) {
			  elements[i].attachEvent("on" + events[x], Over);
		   }
		   else if (events[x]="mouseover") {
			  if (elements[i].onmouseover) {
			  elements[i].onmouseover=Over;
			  }
		   }		   
		   else if (events[x]="mouseout") {
			  if (elements[i].onmouseout) {
			  elements[i].onmouseout=Over;
			  }
		   }
	   }
   }

		
}

function Over(evt)
{
	var ev = evt? evt : window.event;
	var target = ev.target? ev.target : ev.srcElement;
	for ( var i = 0 ; i < elements.length ; i++)
	{
		if ( images[i].slice(0,images[i].indexOf(".jpg")) + "-m.jpg" == target.src)
		{
			if (ev.type=="mouseout")
			{
				target.src =images[i];
			}
		}
		else if (images[i] == target.src)
			{
				target.src =images[i].slice(0,images[i].indexOf(".jpg")) + "-m.jpg";
			}
		
	}
	
}