var Version = document.images;

var DOM;
if ((navigator.product == ("Gecko"))||(document.doctype  && document.doctype.name.indexOf(".dtd")!=-1)) DOM=true;

var areasList= new Array();
var layerShown;

layerShown=null;

function prepareAreas(areasData){  // Send as: areaID$AreaName$URL
	areasData = (areasData.split('$'));
	for (var i = 0; i< areasData.length; i+=6){
		areasList[areasData[i]]= new Array();
		areasList[areasData[i]]['n'] = areasData[i+1]; // name of region
		areasList[areasData[i]]['u'] = areasData[i+2]; // url of region
		areasList[areasData[i]]['l'] = areasData[i+3]; //left pos of region layer
		areasList[areasData[i]]['t'] = areasData[i+4]; //top pos of region layer
		areasList[areasData[i]]['c'] = areasData[i+5]; // color of the table in the region layer
	}
}

function prepareTables (tableData){ // sent as: Area$City$Tel
	var cityList = new Array();
	var citiesHTML;
	var Citycounter;
	tableData = (tableData.split('$'));
	for (var i = 0; i< tableData.length; i+=3){
		if (cityList[tableData[i]]==null) {
			cityList[tableData[i]] = new Array();
			}
		cityList[tableData[i]][tableData[i+1]] = tableData[i+2];
	}
	for (var area in cityList){		
		citiesHTML = "";
		Citycounter = 0;
		for (var city in cityList[area]){
		//	alert(area)
			if (area!="") citiesHTML = citiesHTML + addCity (city, cityList[area][city], areasList[area]['u'], areasList[area]['c'], Citycounter++);
		}
		makeNewLayers(area, citiesHTML);
	}
}


function addCity (city, tel, url, color, counter){
	var area='';
	if (counter % 2 ==0) {
		area = area + "<TR BGCOLOR='#F0F0F0'>";
	}else{
		area = area + "<TR BGCOLOR='#E6E6E6'>";
	}
	area = area + "<TD CLASS='small-table'><A STYLE='background:transparent;color:"+color+";' HREF='" + url + "'>"+city+"</A></TD><TD CLASS='small-table'>"+tel+"</TD></TR>\n";
	return area;
}


function makeNewLayers(area, citiesHTML){

	if (document.layers && !DOM){	
		document.writeln('<LAYER ID="g_' + area + '" VISIBILITY="HIDE"  LEFT ="' + areasList[area]['l'] + '" TOP="' + areasList[area]['t'] + '"  BGCOLOR="#FFFFFC">');
	}else{		
		document.writeln('<DIV ID="g_' + area + '" STYLE="filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.9;POSITION:ABSOLUTE;VISIBILITY:HIDDEN;LEFT:' + areasList[area]['l'] + ';TOP:' + areasList[area]['t'] + ';background:#FFFFFC">');
	}
	
	
	document.writeln('<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" BGCOLOR="' + areasList[area]['c'] + '"><TR><TD><TABLE BORDER="0" CELLSPACING="1" CELLPADDING="2">');
	document.writeln('<TR><TD COLSPAN="2" BGCOLOR="lightgrey" CLASS="small-table" NOWRAP>' + areasList[area]['n'] + ' Same Day Delivery</TD></TR>');
	document.writeln (citiesHTML);
	document.writeln('</TABLE></TD></TR></TABLE>');
	
	
	
	if (document.layers && !DOM){	
		document.writeln('</LAYER>');
	}else{		
		document.writeln('</DIV>');
	}
}


function showLayers(name){
	if (document.layers && !DOM){	
		if (layerShown != null) layerShown.visibility="HIDE";
		document.layers[name].visibility="SHOW";
		layerShown = document.layers[name];
		
	}else{
		if (layerShown != null) layerShown.style.visibility="HIDDEN";
		if(DOM){
			document.getElementById(name).style.visibility = "VISIBLE";
			layerShown = document.getElementById(name);
		}else{
			document.all[name].style.visibility = "VISIBLE";
			layerShown = document.all[name];
		}
	}	
}

var pasimgMA;
var actimgMA;

if (Version){
	pasimgMA = new Array(8);
	actimgMA = new Array(8);
	
	for (i=1; i<8; i++){ // [0] is empty
		pasimgMA[i]= new Image();
		actimgMA[i]= new Image();
		if (i>4) pasimgMA[i].src="images/ma"+i+"_pas.gif"; // 1-5 are together as ma5_pas.gif
 		actimgMA[i].src="images/ma"+i+"_act.gif";
	}
}

function MOverMA(i,j){
	if (Version){
		var m = (i<6)?1:i;
		document.getElementById("ma"+m).src=actimgMA[i].src;
		showLayers('g_'+i);
		
		}
	}

function MOutMA(i,j){
	if (Version){
		var m = (i<6)?1:i;
		document.getElementById("ma"+m).src=pasimgMA[i].src;
		}
	}