// JavaScript Document

Ext.onReady( function ( ) {
	var servicesBTN = Ext.get( 'sitemap' ),
		servicesBox = Ext.get( 'services' ).hide();
	
	var autoHide = new Ext.util.DelayedTask( function ( ) {
		servicesBox.hide( true );
	} );		
	var delay = 3 * 1000,
		offset = ( Ext.isSafari) ? [25,10] : [20,0];
	
	servicesBox.on( 'mouseover', function ( ) {
		autoHide.delay( delay );
	} );
	
	servicesBTN.on( 'click', function ( e ) {
		e.stopEvent();
		servicesBTN.blur();
		
		if ( servicesBox.isVisible() ) {
			servicesBox.hide( true );
			autoHide.cancel();
		} else {
			servicesBox.anchorTo( servicesBTN, 'tr-b', offset );
			servicesBox.show( true );
			autoHide.delay( delay );
		}
	} );
	
	
} );