var path = AURI+'resource/image/vtk/navigation/';
var rOver = new Array;
var r = new Array;

r[0] = new Image();
r[1] = new Image();
r[2] = new Image();
r[3] = new Image();
r[4] = new Image();
r[5] = new Image();
r[6] = new Image();

rOver[0] = new Image(); 
rOver[1] = new Image();
rOver[2] = new Image();
rOver[3] = new Image();
rOver[4] = new Image();
rOver[5] = new Image();
rOver[6] = new Image();

r[0].src = path+'things-to-do.png';
r[1].src = path+'home.png';
r[2].src = path+'events.png';
r[3].src = path+'members.png';
r[4].src = path+'where-to-stay.png';
r[5].src = path+'dining.png';
r[6].src = path+'relocating.png';

rOver[0].src = path+'things-to-do_r.png';
rOver[1].src = path+'home_r.png';
rOver[2].src = path+'events_r.png';
rOver[3].src = path+'members_r.png';
rOver[4].src = path+'where-to-stay_r.png';
rOver[5].src = path+'dining_r.png';
rOver[6].src = path+'relocating_r.png';

var handleRollOvers = function( key, imgid  ) {
        if($(imgid)) {
            /* mouseover */ 
            document.getElementById(imgid).addEvent('mouseover', function() {
                document.getElementById(imgid).setProperty('src', rOver[key].src);
                enableAlphaImage(document.getElementById(imgid));
            });
    		/* mouseout */
        	document.getElementById(imgid).addEvent('mouseout', function() {
            	document.getElementById(imgid).setProperty('src', r[key].src);
                enableAlphaImage(document.getElementById(imgid));
    		});
        	/* set style */
            if(window.ie) {
                document.getElementById(imgid).setStyle('cursor','hand');
    		} else {
        		document.getElementById(imgid).setStyle('cursor','pointer');
            }
        }
}

window.addEvent("domready", function() {
    handleRollOvers(0, 'things-to-do');
});
window.addEvent("domready", function() {
    handleRollOvers(1, 'home');
});
window.addEvent("domready", function() {
    handleRollOvers(2, 'events');
});
window.addEvent("domready", function() {
    handleRollOvers(3, 'members');
});
window.addEvent("domready", function() {
    handleRollOvers(4, 'where-to-stay');
});
window.addEvent("domready", function() {
    handleRollOvers(5, 'dining');
});
window.addEvent("domready", function() {
    handleRollOvers(6, 'relocating');
});