Survey Projects',
checked: true, // when checked has a boolean value, it is assumed to be a CheckItem
id: 'surveyCheckID',
checkHandler: toggleSurvey
},
{
text: '
Restoration Projects',
checked: true, // when checked has a boolean value, it is assumed to be a CheckItem
id: 'restorationCheckID',
checkHandler: toggleRestoration
},
{
text: 'Google Map Search',
checked: false, // when checked has a boolean value, it is assumed to be a CheckItem
checkHandler: googleSearch
},
{
text: 'Map Title',
checked: true,
id: 'titleCheckID',
checkHandler: titleWindow
},
{
text: 'Compact Controls',
checked: false,
id: 'controlSize',
checkHandler: changeControlSize
}, '-', {
text: 'Map Background',
menu: { // <-- submenu by nested config object
items: [
// stick any markup in a menu
'Choose a Map Type',
{
text: 'Auto',
checked: true,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Physical',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Satellite',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Hybrid',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Street',
checked: false,
group: 'theme',
checkHandler: onItemCheck
/*
}, {
text: '3D',
checked: false,
group: 'theme',
checkHandler: onItemCheck
*/
}
]
}
}
]
}); //end menu definition
}else{
menu = new Ext.menu.Menu({
id: 'mainMenu',
items: [
{
text: 'Google Map Search',
checked: false, // when checked has a boolean value, it is assumed to be a CheckItem
checkHandler: googleSearch
},
{
text: 'Map Title',
checked: true,
id: 'titleCheckID',
checkHandler: titleWindow
},
{
text: 'Compact Controls',
checked: false,
id: 'controlSize',
checkHandler: changeControlSize
}, '-', {
text: 'Map Background',
menu: { // <-- submenu by nested config object
items: [
// stick any markup in a menu
'Choose a Map Type',
{
text: 'Auto',
checked: true,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Physical',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Satellite',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Hybrid',
checked: false,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Street',
checked: false,
group: 'theme',
checkHandler: onItemCheck
/*
}, {
text: '3D',
checked: false,
group: 'theme',
checkHandler: onItemCheck
*/
}
]
}
}
]
}); //end menu definition
}
dataMenu = new Ext.Toolbar.MenuButton({
text: 'Toggle Me',
enableToggle: true,
toggleHandler: aboutData,
pressed: true
}); //end menu definition
var tb = new Ext.Toolbar();
tb.render('extToolbar');
tb.add({
text:'Map Options',
iconCls: 'bmenu', // <-- icon
//tooltip: {text:'This is a an example QuickTip for a toolbar item', title:'Tip Title'},
menu: menu // assign menu by instance
});//end tb.add
if(mapTypeVar=="all"||mapTypeVar=="nos"){
tb.add('-',{
iconCls: 'info',
id: 'info_button',
text: 'About the Data',
handler: aboutData
},'-',{
iconCls: 'back',
id: 'back_button',
text: 'Zoom back to full extent',
handler: backToFull
}
);//end tb.add
}else{
tb.add('-',{
iconCls: 'info',
id: 'info_button',
text: 'About the Data',
handler: aboutData
},'-',{
iconCls: 'earth',
id: 'earth_button',
text: 'View in Google Earth',
handler: loadKML
},'-',{
iconCls: 'back',
id: 'back_button',
text: 'Zoom back to full extent',
handler: backToFull
}
);//end tb.add
}
// functions to display feedback
function toggleSurvey(item, checked){
//alert(checked)
if(!checked){
gMap.clearOverlays();
if(menu.items.get('restorationCheckID').checked){
//mapProjects();
sendToCreateMarker(markerSize)
}
}else{
//mapProjectsHydro();
sendToCreateMarkerHydro(markerSize)
}
}
function toggleRestoration(item, checked){
//alert(checked)
if(!checked){
gMap.clearOverlays();
if(menu.items.get('surveyCheckID').checked){
//mapProjectsHydro();
sendToCreateMarkerHydro(markerSize)
}
}else{
//mapProjects();
sendToCreateMarker(markerSize)
menu.items.get('restorationCheckID').checked
}
}
function onButtonClick(btn){
Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
}
function onItemClick(item){
Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
}
function titleWindow(item, checked){
//alert(checked)
if(!checked){
removeTitle();
}else{
addTitle();
}
}
function onItemCheck(item, checked){
//Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
if(checked){
if (item.text=="Auto"){
autoMapType = "on";
//autoMapSwitch();
}else{
changeMap(item.text)
autoMapType = "off";
}
}
}
function onItemToggle(item, pressed){
Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
}
function changeControlSize (item,checked){
gMap.removeControl(zoomControl)
if (checked){
var controlPosition = new GControlPosition(G_ANCHOR_TOP_RIGHT, new G.Size(25,googleZoomTop))
zoomControl = new GSmallZoomControl3D;
gMap.addControl(zoomControl,controlPosition)
}else{
var controlPosition = new GControlPosition(G_ANCHOR_TOP_RIGHT, new G.Size(googleZoomRight,googleZoomTop))
zoomControl = new GLargeMapControl3D;
gMap.addControl(zoomControl,controlPosition)
}
}
var infoWin;
var earthWin;
var infoButton = Ext.get('info_button');
var earthButton = Ext.get('earth_button');
function aboutData(){
if(!infoWin){
infoWin = new Ext.Window({
applyTo : 'info-win',
layout : 'fit',
title: 'About the Data',
width : 300,
height : 200,
html: '
Although each of the projects is represented by a single point, many involve activities that cover large areas at multiple project locations. Refer to the project descriptions and related information to better understand the full spatial extent of the project activities and their impacts.This function requires that the Google Earth viewer is installed on your computer. If you do not have Google Earth installed it can be downloaded for free at: 
http://earth.google.com