function Navbar(map){
	this.map = map;
	this.navbar = new esri.toolbars.Navigation(map);	
}	

function NavbarPrototype(){
	Navbar.prototype.pan = function () {
		this.navbar.deactivate();
		this.navbar.activate(esri.toolbars.Navigation.PAN);
	}
	Navbar.prototype.zoomIn = function () {
			this.navbar.deactivate();
			this.navbar.activate(esri.toolbars.Navigation.ZOOM_IN);
	}
	Navbar.prototype.zoomOut = function () {
			this.navbar.deactivate();
			this.navbar.activate(esri.toolbars.Navigation.ZOOM_OUT);
	}
	Navbar.prototype.deactivate = function () {
			this.navbar.deactivate();
	}
}

function loadNavbar(navbar, container, contextTag, overlayCorner, contextCorner){
		YAHOO.namespace("navbar.container");
		// Instantiate a Panel from script
		YAHOO.navbar.container.panel = new YAHOO.widget.Panel("panel", { width:"300px", height:"60px", context:[contextTag, overlayCorner, contextCorner, [contextTag, "windowResize"]],visible:true, draggable:true, close:true } );
		YAHOO.navbar.container.panel.setHeader("Navigation Toolbar");
		YAHOO.navbar.container.panel.setBody("<img id='pan' alt='Pan' onClick='" + navbar + ".activate(esri.toolbars.Navigation.PAN);identifyNavMode(this);' src='../images/pan.bmp' class='navbarSelected'>&nbsp;&nbsp;" +
											"<img id='zoomIn' alt='Zoom In' onClick='" + navbar + ".activate(esri.toolbars.Navigation.ZOOM_IN);identifyNavMode(this);' src='../images/zoomIn.bmp' class='navbarNotSelected'>&nbsp;&nbsp;" + 
											"<img id='zoomOut' alt='Zoom Out' onClick='" + navbar + ".activate(esri.toolbars.Navigation.ZOOM_OUT);identifyNavMode(this);' src='../images/zoomOut.bmp' class='navbarNotSelected'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + 										 
											"<img id='fullExtent' alt='Full Extent' onClick='" + navbar + ".zoomToFullExtent();' src='../images/fullExtent.bmp' class='navbarNotSelected'>&nbsp;&nbsp;" + 
											"<img id='prevExtent' alt='Previous Extent' onClick='" + navbar + ".zoomToPrevExtent();' src='../images/prevExtent.bmp' class='navbarNotSelected'>&nbsp;&nbsp;" + 
											"<img id='nextExtent' alt='Next Extent' onClick='" + navbar + ".zoomToNextExtent();' src='../images/nextExtent.bmp' class='navbarNotSelected'>");
		YAHOO.navbar.container.panel.render(container);
		YAHOO.navbar.container.panel.hideEvent.subscribe(hideNavbar);
		YAHOO.navbar.container.panel.showEvent.subscribe(showNavbar);
 }

function hideNavbar(){ 
		document.getElementById('navbarToggle').innerHTML = "Show Navbar";
		document.getElementById('navbarToggle').href = "javascript:YAHOO.navbar.container.panel.show();";
} 
	 
function showNavbar(){
		document.getElementById('navbarToggle').innerHTML = "Hide Navbar";
		document.getElementById('navbarToggle').href = "javascript:YAHOO.navbar.container.panel.hide();";
} 	 

function identifyNavMode(navBarId, tool) {	
	document.getElementById(navBarId + 'ZoomIn').className="navbarNotSelected";
	document.getElementById(navBarId + 'ZoomOut').className="navbarNotSelected";
	document.getElementById(navBarId + 'Pan').className="navbarNotSelected";
	document.getElementById(navBarId + 'FullExtent').className="navbarNotSelected";
	document.getElementById(navBarId + 'NextExtent').className="navbarNotSelected";
	document.getElementById(navBarId + 'PrevExtent').className="navbarNotSelected";
	tool.className="navbarSelected";
}