window.onload = rollovermap;

function rollovermap(){
	
	for(var i=0; i<document.images.length; i++){
		var mapName = document.images[i].name;
		if(document.getElementById('m_s_' + mapName)){
			setRollOver(document.images[i]);
		}
	}
	
}

function setRollOver(thisImage){
	thisImage.outImg = new Image();
	thisImage.outImg.src = thisImage.src;
	thisImage.onmouseout = rollOut;
	
	thisImage.overImg = new Image();
	thisImage.overImg.src = '/map/map_images/' + thisImage.id + '.jpg';
	thisImage.onmouseover = rollOver;
	
	thisImage.onclick = popup;
}

function rollOver(){
	this.src = this.overImg.src;
}

function rollOut(){
	this.src = this.outImg.src;
}

function popup(){
	var bigImg = '/map/map_images/m_b_' + this.name + '.jpg';
	var bigImgName = this.name;
	var newWindow = window.open('',bigImgName,'location=no,resizable,scrollbars=yes,width=530,height=540');
	
	var newDoc = newWindow.document;
	
	newDoc.title = 'Covent Garden Map : ' + this.name;
	newDoc.bgColor = '#ffffff';
	newDoc.fgColor = '#000000';
	newDoc.body.innerHTML = '<img src="http://www.coventgarden.uk.com' + bigImg + '" />';
	
	newWindow.focus();
	
	return false;
}