function createArrowNav() {

	var nav = '<input id="cmdNW" type="image" src="images/nw.gif" name="cmdNW" alt="Pan North West" title="Pan North West" onmousedown="panDirection(\'nw\');" style="left:' + (left - 50) + 'px;top:' + (top - 20) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/nw_y.gif\';" onMouseOut="this.src=\'images/nw.gif\';" />';

  	nav += '<input id="cmdN" type="image" src="images/north.gif" name="cmdN" alt="Pan North" title="Pan North" onmousedown="panDirection(\'north\');" style="left:' + ((width / 2) + (left/2) + 50) + 'px;top:' + (top - 22) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/north_y.gif\';" onMouseOut="this.src=\'images/north.gif\';"/>';

       	nav += '<input id="cmdNE" type="image" src="images/ne.gif" alt="Pan North East" title="Pan North East" onmousedown="panDirection(\'ne\');" style="left:' + (width + left - 15) + 'px;top:' + (top - 20) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/ne_y.gif\';" onMouseOut="this.src=\'images/ne.gif\';"/>';

	 nav += '<input id="cmdW" type="image" src="images/west.gif" name="cmdW" alt="Pan West" title="Pan West" onmousedown="panDirection(\'west\');" style="left:' + (left - 70) + 'px;top:' + (top + (height/2) - 65) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/west_y.gif\';" onMouseOut="this.src=\'images/west.gif\';"/>';

        nav += '<input id="cmdE" type="image" src="images/east.gif" name="cmdE" alt="Pan East" title="Pan East" onmousedown="panDirection(\'east\');" style="left:' + (width + left + 3) + 'px;top:' + ((height / 2) + top - 60) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/east_y.gif\';" onMouseOut="this.src=\'images/east.gif\';"/>';

        nav += '<input id="cmdSW" type="image" src="images/sw.gif" name="cmdSW" alt="Pan South West" title="Pan South West" onmousedown="panDirection(\'sw\');" style="left:' + (left - 20) + 'px;top:' + (top + height - 16) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/sw_y.gif\';" onMouseOut="this.src=\'images/sw.gif\';"/>';

        nav += '<input id="cmdS" type="image" src="images/south.gif" name="cmdS" alt="Pan South" title="Pan South" onmousedown="panDirection(\'south\');" style="left:' + ((left/2) + (width / 2) + 50) + 'px;top:' + (top + height + 3) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/south_y.gif\';" onMouseOut="this.src=\'images/south.gif\';"/>';

        nav += '<input id="cmdSE" type="image" src="images/se.gif" name="cmdSE" alt="Pan South East" title="Pan South East" onmousedown="panDirection(\'se\');" style="left:' + (left + width - 15) + 'px;top:' + (top + height - 19) + 'px;position:absolute;z-index:3;" onMouseOver="this.src=\'images/se_y.gif\';" onMouseOut="this.src=\'images/se.gif\';"/>';

	document.writeln(nav);

}