Ext.BLANK_IMAGE_URL = 's.gif';
var hideInterval = 0;
var activeButton = 0;
Ext.onReady(function(){
	// Third Level Menus
	var faaliyetlerSDMenu = new Ext.menu.Menu({
		id: 'faaliyetlerSDMenu',
		cls: 'thrd_lvl_menu',
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		},
		items: [{
			id: '2009_egitimler',
			activeClass: 'menu_item_active',
			text: '2009 YILI EGITIMLERI',
			handler: onItemClick,
			link: '/page/egitimler2009.htm'
		}, {
			id: '2010_egitimler',
			activeClass: 'menu_item_active',
			text: '2010 YILI EGITIMLERI',
			handler: onItemClick,
			link: '/page/egitimler2010.htm'
		}, {
			id: '2011_egitimler',
			activeClass: 'menu_item_active',
			text: '2011 YILI EGITIMLERI',
			handler: onItemClick,
			link: '/page/egitimler2011.htm'
		}]
	});
	
	var faaliyetlerCSMenu = new Ext.menu.Menu({
		id: 'faaliyetlerCSMenu',
		cls: 'thrd_lvl_menu',
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		},
		items: [{
			id: '2009_seminerler',
			activeClass: 'menu_item_active',
			text: '2009 YILI SEMINERLERI',
			handler: onItemClick,
			link: '/page/seminerler2009.htm'
		}, {
			id: '2010_seminerler',
			activeClass: 'menu_item_active',
			text: '2010 YILI SEMINERLERI',
			handler: onItemClick,
			link: '/page/seminerler2010.htm'
		}, {
			id: '2011_seminerler',
			activeClass: 'menu_item_active',
			text: '2011 YILI SEMINERLERI',
			handler: onItemClick,
			link: '/page/seminerler2011.htm'
		}]
	});
	var faaliyetlerCDBMenu = new Ext.menu.Menu({
		id: 'faaliyetlerCDBMenu',
		cls: 'thrd_lvl_menu',
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		},
		items: [{
			id: '2009_konferanslar',
			activeClass: 'menu_item_active',
			text: '2009 YILI KONFERANSLARI',
			handler: onItemClick,
			link: '/page/konferanslar2009.htm'
		}, {
			id: '2010_konferanslar',
			activeClass: 'menu_item_active',
			text: '2010 YILI KONFERANSLARI',
			handler: onItemClick,
			link: '/page/konferanslar2010.htm'
		}, {
			id: '2011_konferanslar',
			activeClass: 'menu_item_active',
			text: '2011 YILI KONFERANSLARI',
			handler: onItemClick,
			link: '/page/konferanslar2011.htm'
		}]
	});
	var faaliyetlerCDBCMenu = new Ext.menu.Menu({
		id: 'faaliyetlerCDBCMenu',
		cls: 'thrd_lvl_menu',
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		},
		items: [{
			id: '2009_paneller',
			activeClass: 'menu_item_active',
			text: '2009 YILI PANELLERI',
			handler: onItemClick,
			link: '/page/paneller2009.htm'
		}, {
			id: '2010_panelller',
			activeClass: 'menu_item_active',
			text: '2010 YILI PANELLLERI',
			handler: onItemClick,
			link: '/page/paneller2010.htm'
		}, {
			id: '2011_panelller',
			activeClass: 'menu_item_active',
			text: '2011 YILI PANELLLERI',
			handler: onItemClick,
			link: '/page/panelller2011.htm'
		}]
	});
	var faaliyetlerCDBCDMenu = new Ext.menu.Menu({
		id: 'faaliyetlerCDBCDMenu',
		cls: 'thrd_lvl_menu',
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		},
		items: [{
			id: '2009_geziler',
			activeClass: 'menu_item_active',
			text: '2009 YILI GEZILERI',
			handler: onItemClick,
			link: '/page/geziler2009.htm'
		}, {
			id: '2010_geziler',
			activeClass: 'menu_item_active',
			text: '2010 YILI GEZILERI',
			handler: onItemClick,
			link: '/page/geziler2010.htm'
		}, {
			id: '2011_geziler',
			activeClass: 'menu_item_active',
			text: '2011 YILI GEZILERI',
			handler: onItemClick,
			link: '/page/geziler2011.htm'
		}]
	});
	
	
	
	// Second Level Menus
	var faaliyetlerMenu = new Ext.menu.Menu({
		id: 'faaliyetlerMenu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: 'faaliyetler_sd',
			text: '<b>Egitimler<i></i></b>',
			menu: faaliyetlerSDMenu,
link: '/page/egitimler.htm'
		}, {
			id: 'faaliyetler_cs',
			text: '<b>Seminerler<i></i></b>',
			menu: faaliyetlerCSMenu,
			link: '/page/seminerler.htm'
					}, {
			id: 'faaliyetler_cdb',
			text: '<b>Konferanslar<i></i></b>',
			menu: faaliyetlerCDBMenu,
			link: '/page/konferanslar.htm'
		}, {
			id: 'faaliyetler_cdbc',
			text: '<b>Paneller<i></i></b>',
			menu: faaliyetlerCDBCMenu,
			link: '/page/paneller.htm'
		}, {
			id: 'faaliyetler_cdbcd',
			text: '<b>Geziler<i></i></b>',
			menu: faaliyetlerCDBCDMenu,
			link: '/page/geziler.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	var duyurularMenu = new Ext.menu.Menu({
		id: 'duyurularMenu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: '2009_duyurular',
			text: '2009 Yili Duyurulari',
			link: '/page/duyurular2009.htm'
		}, {
			id: '2010_duyurular',
			text: '2010 Yili Duyurulari',
			link: '/page/duyurular2010.htm'
		}, {
			id: '2011_duyurular',
			text: '2011 Yili Duyurulari',
			link: '/page/duyurular2011.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	var kuluplerMenu = new Ext.menu.Menu({
		id: 'kulupler_menu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: 'maden_kulubu',
			text: 'Maden Kulübü',
			link: '/page/madenkulubu.htm'
		}, {
			id: 'makina_kulubu',
			text: 'Makina Kulübü',
			link: '/page/makinakulubu.htm'
		}, {
			id: 'elektrik_kulubu',
			text: 'Elektrik Kulübü',
			link: '/page/elektrikkulubu.htm'
		}, {
			id: 'ziraat_kulubu',
			text: 'Ziraat Kulübü',
			link: '/page/ziraatkulubu.htm'
		}, {
			id: 'cevre_kulubu',
			text: 'Çevre Kulübü',
			link: '/page/cevrekulubu.htm'
		}, {
			id: 'bilisim_kulubu',
			text: 'Bilisim Kulübü',
			link: '/page/bilisimkulubu.htm'	
		}, {
			id: 'veteriner_kulubu',
			text: 'Veteriner Kulübü',
			link: '/page/veterinerkulubu.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	var makalelerMenu = new Ext.menu.Menu({
		id: 'makaleler_menu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: '2010_makale',
			text: '2010 Makaleleri',
			link: '/page/makaleler2010.htm'
		}, {
			id: '2011_makale',
			text: '2011 Makaleleri',
			link: '/page/makaleler2011.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	var projelerMenu = new Ext.menu.Menu({
		id: 'projeler_menu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: 'ab_projeleri',
			text: 'AB Projeleri',
			link: '/page/abprojeleri.htm'
		}, {
			id: 'kamu_projeleri',
			text: 'KAMU Projeleri',
			menu: projelerMenu,
			link: '/page/kamuprojeleri.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	var hakkimizMenu = new Ext.menu.Menu({
		id: 'hakkimiz_menu',
		cls: 'scnd_lvl_menu',
		defaults: {
			handler: onItemClick,
			activeClass: 'menu_item_active'
		},
		items: [{
			id: 'misyon',
			text: 'Misyon',
			link: '/page/misyon.htm'
		}, {
			id: 'vizyon',
			text: 'Vizyon',
			link: '/page/vizyon.htm'
		}, {
			id: 'tuzuk',
			text: 'Tüzük',
			link: '/page/tuzuk.htm'
		}, {
			id: 'yonetim',
			text: 'Yönetim',
			link: '/page/yonetim.htm'
		}],
		listeners: {
			mouseover: cancelHiding,
			mouseout: hideMenu
		}
	});
	
	// Top Level Menus
    var tb = new Ext.Toolbar({
		id: 'main_toolbar',
		defaults: {
			height: 29,
			overCls: 'toolbar_item_active'
		},
		items: [
			{
	            text: '<b>ANASAYFA</b>',
				width: '80px',
				id: 'anasayfaBtn',
				handler: onItemClick,
				link: '/index.htm',
				listeners: {
					mouseover: deactivateButtons
				}				
	        }, 
			{
	            text: '<b>FAALIYETLER</b>',
				width: '100px',
				id: 'faaliyetlerBtn',
				link: '/page/faaliyetler.htm',
				handler: onItemClick,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				},
				menu: faaliyetlerMenu
	        }, 
			{
	            text: '<b>DUYURULAR</b>',
				width: '110px',
				id: 'duyurularBtn',
				handler: onItemClick,
				link: '/page/duyurular.htm',
				menu: duyurularMenu,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				}
	        }, 
			{
	            text: '<b>KULÜPLERIMIZ</b>',
				width: '90px',
				id: 'kuluplerBtn',
				handler: onItemClick,
				link: '/page/kuluplerimiz.htm',
				handler: onItemClick,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				},
				menu: kuluplerMenu
	        }, 
			{
	            text: '<b>MAKALELER</b>',
				width: '90px',
				id: 'makaleBtn',
				handler: onItemClick,
				link: '/page/makaleler.htm',
				handler: onItemClick,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				},
				menu: makalelerMenu
	        }, 
			{
	            text: '<b>PROJELER</b>',
				width: '90px',
				id: 'projelerBtn',
				handler: onItemClick,
				link: '/page/projeler.htm',
				menu: projelerMenu,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				}
	        }, 
			{
	            text: '<b>HAKKIMIZDA</b>',
				width: '90px',
				id: 'hakkimizBtn',
				handler: onItemClick,
				link: '/page/hakkimizda.htm',
				menu: hakkimizMenu,
				listeners: {
					mouseover: showMenu,
					mouseout: hideMenu
				}
	        }
		]
	});
	tb.cls = 'main_menu';
	tb.ctCls = 'main_menu_buttons';
	if (total_price > 0){
		enable_basket_menu();
	} else {
		disable_basket_menu();
	}
	tb.render('main_menu');

});

function showMenu(btn, e, item){
	cancelHiding();
	deactivateButtons(btn);
	var menuPosition = btn.getPosition();
	var btnSize = btn.getSize();
	menuPosition[1] += btnSize.height;
	btn.menu.showAt(menuPosition);
        
}

function deactivateButtons(obj){
	var tb = Ext.getCmp('main_toolbar');
	for (var i = 0; i < tb.items.length; i++){
		var item = tb.get(i);
		if (item != obj){
			item.removeClass('toolbar_item_active');
			if (item.menu) {
				item.menu.hide();
			}
		}
	}
}

function hideItem(item){
	item.hide();
	if (activeButton){
		activeButton.removeClass('toolbar_item_active');
	}
	if (item.parentMenu){
		item.parentMenu.hide();
	}
}

function hideMenu(obj, e, menuItem){
    var cursorPosition, elPosition, elSize;
	if (obj.menu){
		cursorPosition = e.xy;
		elPosition = obj.menu.getPosition();
		elSize = obj.menu.getSize();
		if ( cursorPosition[0] <= elPosition[0] - 10 || cursorPosition[0] >= elPosition[0] + elSize.width +10 
			|| cursorPosition[1] <= elPosition[1] - 10 || cursorPosition[1] >= elPosition[1] + elSize.height + 10 ) {
			hideInterval = window.setTimeout(function(){
				hideItem(obj.menu);
			}, 500);
		} else {
			obj.addClass('toolbar_item_active');
			activeButton = obj;
		}
	} else {
		cursorPosition = e.xy;
		elPosition = obj.getPosition();
		elSize = obj.getSize();
		if ( cursorPosition[0] <= elPosition[0] || cursorPosition[0] >= elPosition[0] + elSize.width 
			|| cursorPosition[1] <= elPosition[1] || cursorPosition[1] >= elPosition[1] + elSize.height ) {
			hideInterval = window.setTimeout(function(){
				hideItem(obj);
			}, 500);
		}
	}
	
}

function cancelHiding(){
	clearTimeout(hideInterval);
}

function onItemClick(item){
	window.location.href = 'http://www.tavted.org.tr' + item.link;
}
function disable_basket_menu(){
	var checkoutMenu = Ext.getCmp('checkoutBtn');
	if (checkoutMenu) {
		with (checkoutMenu) {
			setIconClass('checkout_button_disabled');
			setText('');
			width = 30;
			setDisabled(true);
		}
	}
}

function enable_basket_menu(){
	var checkoutMenu = Ext.getCmp('checkoutBtn');
	if (checkoutMenu) {
		with (checkoutMenu) {
			setIconClass('checkout_button');
			setText('<b>CHECKOUT</b>');
			setDisabled(false);
		}
	}
}