/* preload images  - 0 is main image, 1 is mouseover image, 2 is button-pressed image*/
var imgs=new Array;
imgs[0]=new Array;
imgs[0][0]=new Image;
imgs[0][0].src="images/tourism.gif";
imgs[0][1]=new Image;
imgs[0][1].src="images/tourismo.gif";
imgs[0][2]=new Image;
imgs[0][2].src="images/tourismd.gif";

imgs[1]=new Array;
imgs[1][0]=new Image;
imgs[1][0].src="images/accom.gif";
imgs[1][1]=new Image;
imgs[1][1].src="images/accomo.gif";
imgs[1][2]=new Image;
imgs[1][2].src="images/accomd.gif";

imgs[2]=new Array;
imgs[2][0]=new Image;
imgs[2][0].src="images/outfit.gif";
imgs[2][1]=new Image;
imgs[2][1].src="images/outfito.gif";
imgs[2][2]=new Image;
imgs[2][2].src="images/outfitd.gif";

imgs[3]=new Array;
imgs[3][0]=new Image;
imgs[3][0].src="images/consult.gif";
imgs[3][1]=new Image;
imgs[3][1].src="images/consulto.gif";
imgs[3][2]=new Image;
imgs[3][2].src="images/consultd.gif";

imgs[4]=new Array;
imgs[4][0]=new Image;
imgs[4][0].src="images/construct.gif";
imgs[4][1]=new Image;
imgs[4][1].src="images/constructo.gif";
imgs[4][2]=new Image;
imgs[4][2].src="images/constructd.gif";

imgs[5]=new Array;
imgs[5][0]=new Image;
imgs[5][0].src="images/realty.gif";
imgs[5][1]=new Image;
imgs[5][1].src="images/realtyo.gif";
imgs[5][2]=new Image;
imgs[5][2].src="images/realtyd.gif";

imgs[6]=new Array;
imgs[6][0]=new Image;
imgs[6][0].src="images/dining.gif";
imgs[6][1]=new Image;
imgs[6][1].src="images/diningo.gif";
imgs[6][2]=new Image;
imgs[6][2].src="images/diningd.gif";

imgs[7]=new Array;
imgs[7][0]=new Image;
imgs[7][0].src="images/retail.gif";
imgs[7][1]=new Image;
imgs[7][1].src="images/retailo.gif";
imgs[7][2]=new Image;
imgs[7][2].src="images/retaild.gif";

imgs[8]=new Array;
imgs[8][0]=new Image;
imgs[8][0].src="images/recreation.gif";
imgs[8][1]=new Image;
imgs[8][1].src="images/recreationo.gif";
imgs[8][2]=new Image;
imgs[8][2].src="images/recreationd.gif";

imgs[9]=new Array;
imgs[9][0]=new Image;
imgs[9][0].src="images/other.gif";
imgs[9][1]=new Image;
imgs[9][1].src="images/othero.gif";
imgs[9][2]=new Image;
imgs[9][2].src="images/otherd.gif";

imgs[10]=new Array;
imgs[10][0]=new Image;
imgs[10][0].src="images/arts.gif";
imgs[10][1]=new Image;
imgs[10][1].src="images/artso.gif";
imgs[10][2]=new Image;
imgs[10][2].src="images/artsd.gif";

imgs[11]=new Array;
imgs[11][0]=new Image;
imgs[11][0].src="images/home.gif";
imgs[11][1]=new Image;
imgs[11][1].src="images/homeo.gif";
imgs[11][2]=new Image;
imgs[11][2].src="images/homed.gif";

/* functions start below */
function returnObjById( id )
{
    if (document.getElementById)
        var returnVar = document.getElementById(id);
    else if (document.all)
        var returnVar = document.all[id];
    else if (document.layers)
        var returnVar = document.layers[id];
    return returnVar;
}

function light(idx, node) {
/* don't change if button is pressed */
    if (node.src!=imgs[idx][2].src) {
		node.src=imgs[idx][1].src;
	}
}

function dim(idx, node) {
/* don't change if button is pressed */
    if (node.src!=imgs[idx][2].src) {
		node.src=imgs[idx][0].src;
	}
}

function push(idx,node) {
	if (node.src==imgs[idx][2].src) {
		node.src=imgs[idx][1].src;
	} else {
		node.src=imgs[idx][2].src;
	}
}

function drop(id) {
    node=returnObjById(id);
	if (node.style.display=='block') {
		node.style.display='none';
	} else {
		node.style.display='block';
	}
}