debugArr = [];
debugObj = {};

var f = {
	
	blur: function() {
		this.blur();
	},
	
	mainOver: function() {
		if (!Ext.get(this).hasClass('mnavelementactive')) {
			Ext.get(this).addClass('mnavelementhover');
		}
	},

	mainOut: function() {
		Ext.get(this).removeClass('mnavelementhover');
	},
	
	resetSelect: function() {
		
		switch (this.id) {
			case 'select-continent':
				Ext.getDom('select-country').selectedIndex = 0;
			break;
			
			case 'select-country':
				Ext.getDom('select-continent').selectedIndex = 0;
			break;
		}
	},
	
	networkListOver: function() {
		Ext.each(Ext.get(this).select('td'), function(el) {
			Ext.get(el).setStyle({'background-color': '#e2e1da', 'cursor': 'pointer'});
		});
		
	},
	
	networkListOut: function() {
		Ext.each(Ext.get(this).select('td'), function(el) {
			Ext.get(el).setStyle({'background-color': '#ffffff', 'cursor': 'default'});
		});		
	},
	
	networkListToggle: function() {
		
		


		// parent of clicked el (td)
		var p = Ext.get(this.parentNode.id);
		
				
		
		//hidden element
		var e = Ext.get('detail-' + p.id);
		
		// first element (arrow)
		var c = p.first(); 
		

		
		e.setVisibilityMode(Ext.Element.DISPLAY);

		if (e.toggleClass('network-detail').hasClass('network-detail')) {
		    p.replaceClass('network-list-summary-active', 'network-list-summary');
		    c.replaceClass('network-list-arrow-active', 'network-list-arrow');
		    e.stopFx().syncFx().hide({duration: 0.2, easing: 'easeOut'}).sequenceFx();
		    Ext.each(Ext.get(p).select('td'), function(el) {
				Ext.get(el).replaceClass('network-icons-active', 'network-icons');
			});
			
		} else {
		    p.replaceClass('network-list-summary', 'network-list-summary-active');
		    c.replaceClass('network-list-arrow', 'network-list-arrow-active');
		    e.stopFx().syncFx().show({duration: 0.2, easing: 'easeIn'}).sequenceFx();
		    
		    Ext.each(Ext.get(p).select('td'), function(el) {
				Ext.get(el).replaceClass('network-icons', 'network-icons-active');
			});

		}
	
	}
}




var f2 = {
	
	blur: function() {
		this.blur();
	},
	
	mainOver: function() {
		if (!Ext.get(this).hasClass('mnavelementactive')) {
			Ext.get(this).addClass('mnavelementhover');
		}
	},

	mainOut: function() {
		Ext.get(this).removeClass('mnavelementhover');
	},
	
		
	networkDetailOver: function() {
		Ext.get(this).setStyle({background: '#ffffff', cursor: 'pointer'});
	},
	
	networkDetailOut: function() {
		Ext.get(this).setStyle({background: '#ffffff', cursor: 'default'});
	},
	
	networkDetailToggle: function() {

		var p = Ext.get(this.id);
		
		//hidden element
		var e = Ext.get('network-detail-' + p.id);
		
		// first element (arrow)
		var c = p.first(); 
		
		e.setVisibilityMode(Ext.Element.DISPLAY);

		if (e.toggleClass('network-detail-list').hasClass('network-detail-list')) {
		    c.replaceClass('network-detailinfo-arrow-active', 'network-detailinfo-arrow');
		    e.stopFx().syncFx().hide({duration: 0.2, easing: 'easeOut'}).sequenceFx();
		} else {
		    c.replaceClass('network-detailinfo-arrow', 'network-detailinfo-arrow-active');
		    e.stopFx().syncFx().show({duration: 0.4, easing: 'easeIn'}).sequenceFx();
		}
	
	}
}