// Branch Map
var branchbasemap = "nz.gif";

function branchMapSet() {
	document.images['mapImg'].src = 'images/map3/'+branchbasemap; 
	areas = document.getElementsByTagName("area");
	for (var i=0; i<areas.length; i++) {
		
		for (var j = 0; j < branchregions.length; j++) {
			if (branchregions[j].label.toLowerCase().replace(/ &.*/gi,"").replace(/ \/.*/gi,"") == areas[i].alt.toLowerCase()) { areas[i].region_idx = j; }
		}
		
		areas[i].onmouseover = function() {
			document.images['mapImg'].src = 'images/map3/nz_'+this.alt.toLowerCase().replace(/ /gi,"")+'.gif'; 
		};
		areas[i].onmouseout = function() {
			document.images['mapImg'].src = 'images/map3/'+branchbasemap; 
		};
		areas[i].onclick = function() {
			branchbasemap = 'nz_'+this.alt.toLowerCase().replace(/ /gi,"")+'.gif';
			branchLinkList(this.region_idx);
		};
	}
}

function branchLinkList(idx) {
	var element = document.getElementById('branchList');
	var message = document.getElementById('branchMessage');
	var branches = branchregions[idx].children;
	
	var list = $.UL({id: 'branchList', className:'mapBranchList'});
	for (var i = 0; i < branches.length; i++) {
		list.appendChild( $.LI({},$.A({href:'?tab=branches&bid='+branches[i].id},branches[i].label)) );
	}
	element.parentNode.replaceChild (list, element);
	
	var newMessage = $.DIV({id: 'branchMessage'});
	if (branches.length) {
		// Nothing
	} else if ((idx == 7) || (idx == 13)) { // Taranaki & Marlborough
		newMessage.appendChild( $.P({},"Offices in these regions are in the process of joining the website. Check back for details soon.") );;
	} else {
		newMessage.appendChild( $.P({},"Harveys does not currently have any offices servicing this region, however, franchise opportunities are available.") );
		newMessage.appendChild( $.A({href:"?tab=contact"},"Click here to contact us.") );
	}
	message.parentNode.replaceChild (newMessage, message);
}

addEvent(window, "load", branchMapSet);