//Global Variables
var mapLayout;
var mapID;
var mapExtension;
var mapLayers = new Array();
var tileLayers = new Array();
var gmapNavControl;

var myCopyright;
var hacettepeTileLayer;
var hacettepeOverlay;
var markerArray = new Array();

var attWindowFieldDataStore;
var jsonStore;
var beytepeStatus = true;

var tempAccord;
var accordStatus = false;

var fetchPointNums = 0;

var mainLevel = ['root','Akademik Birimler','İdari Birimler','Yemek','Ulaşım','Barınma','Sağlık','Diğer','Eğlence ve Spor Merkezleri'];

//Variables for Layer Tree started.
var layerTree;
var layerTreeIndex = 0;
var layerTreeContextMenuAGS = new Ext.menu.Menu({items:[{ text: 'Remove', cls: 'x-btn-text-icon', icon: 'img/removeLayer.gif', handler: deleteLayerTreeNode }]});
var layerTreeLoader = new Ext.tree.TreeLoader({
	dataUrl:'treeloader.php'
	//listeners: {load: prepareTreeGridOptions }
});
var layerTreeRootNode = new Ext.tree.AsyncTreeNode({
	text: 'Noktalar',
	draggable: false,
	id: '0'
});
//Variables for Layer Tree finished.

//Variables for tile layers started.
var copyrightColl = new GCopyrightCollection('(c)');
copyrightColl.addCopyright(new GCopyright('(c)', new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)),0,'State Hydraulic Works'));
//Variables for tile layers finished.
                     
//Variables for drag zoom tool started.
var boxStyleOpts = {
  opacity: .2,
  border: "2px solid red"
}
var otherOpts = {
  buttonHTML: "",
  buttonZoomingHTML: "",
  buttonStartingStyle: {width: '1px', height: '1px'}
};
var callbacks = {
  buttonclick: function(){},
  dragstart: function(){},
  dragging: function(x1,y1,x2,y2){},
  dragend: function(nw,ne,se,sw,nwpx,nepx,sepx,swpx){ 
		if (mapDragZoom.buttonState == 3){
			doSelection(ne,sw);			
		}
	}
};
var mapDragZoom = new DragZoomControl(boxStyleOpts, otherOpts, callbacks);
//Variables for drag zoom tool finished.

//Variables for top toolbar and menu started.
var gmapTypeMenu = [{ text: 'Yol Haritası', checked: true, group: 'gmap', maptype:G_NORMAL_MAP, handler: changeBaseMap}, 
					{ text: 'Uydu Görüntüsü', checked: false, group: 'gmap', maptype:G_SATELLITE_MAP, handler: changeBaseMap}, 
					{ text: 'Hibrid', checked: false, group: 'gmap', maptype:G_HYBRID_MAP, handler: changeBaseMap},
					{ text: 'Yükseklik', checked: false, group: 'gmap', maptype:G_PHYSICAL_MAP, handler: changeBaseMap}];														

var toolbarItems = [{xtype: 'tbbutton', text:'Yaklaş',cls: 'x-btn-text-icon',icon: 'img/zoom-in.gif', tooltip:'Haritaya yaklaşmak için', handler: function(){ mapDragZoom.initiateZoom(1); /*mapID.zoomIn();*/ }},
					{xtype: 'tbbutton', text:'Uzaklaş',cls: 'x-btn-text-icon',icon: 'img/zoom-out.gif', tooltip:'Haritadan uzaklaşmak için', handler: function(){ mapDragZoom.initiateZoom(2); /*mapID.zoomOut();*/ }},
					{xtype: 'tbbutton', text:'İlk Ekran',cls: 'x-btn-text-icon',icon: 'img/full-extent.gif', tooltip:'Haritayı ilk haline getirir', handler: function(){ mapID.setCenter(new GLatLng(centerx, centery), initialLevel); }},
					{xtype: 'tbseparator'},
					{xtype: 'tbbutton',text: 'Altlıklar', menu: gmapTypeMenu, tooltip:'Altlık haritaları değiştir'},
					{xtype: 'tbseparator'},
					{xtype: 'tbbutton', text:'Beytepe Aç/Kapa', tooltip:'Beytepe Grafiğini Açar / Kapatır', handler: function(){ openCloseBeytepe(); }}
					];
//Variables for top toolbar and menu finished.

//Variables for left and bottom area started.
var accordionItems = [{title:'Mekanlar',html:'<div id=\'treeViewAccordion\'></div><div id=\'animationPoint\'></div>'}];
var accordionItemsRight = [{title:'Detay Bilgileri',html:'<div id=\'detailWindow\'>---</div>'}];
	
var statusBar = new Ext.StatusBar({ id: 'mapStatusBarID', defaultText: 'Hacettepe Üniversitesi - BBY 310 Proje Çalışması (c) 2009' });
var coordinateBar = new Ext.StatusBar({ id: 'coordinateBarID', defaultText: 'Koordinatlar' });
//Variables for left and bottom area finished.

//Variables for general layout started.
var layoutItems = [{region: 'north', xtype: 'toolbar', items: toolbarItems},
				   {region: 'west', xtype: 'panel', id:'leftAccordionPanel', layout: 'accordion', animate: true, split: true, autoScroll:true, collapsible: true, bbar: coordinateBar, title: 'Menü', width: 200, items: accordionItems},
				   {id:'mapPanel', region: 'center', xtype: 'panel'},
				   {region: 'east', xtype: 'panel', id:'rightAccordionPanel', layout: 'accordion', animate: true, split: true, collapsible: true, title: 'İçerik', width: 200},
				   {region: 'south', xtype: 'panel', height: 27, bbar: statusBar}];
//Variables for general layout finished.