﻿Ext.onReady(function()
{
	var Duration = 1;
	Ext.BLANK_IMAGE_URL = "/images/t.gif";
	var AboutusMenu = new Ext.menu.Menu({
		shadow: false,
		id: "AboutUs",
		items: [
			{
				text: "Presentation & History",
				href: "PresentationHistory.htm"
			},
			{
				text: "What Make us Unique?",
				href: "WhatMakeUsUnique.htm"
			},
			{
				text: "Departments",
				href: "Departments.htm"
			}
		
		],
		width:200
	});
	var AboutusBtn = Ext.get("AboutUs");
	AboutusBtn.on("mouseover", function(){
		
		if(AboutusMenu.isVisible())
			return;
		with(AboutusMenu)
		{
			show(AboutusBtn);
			getEl().alignTo(AboutusBtn, "bl", [-40, 2]);
			getEl().slideIn();
		}
	});
	var ServicesMenu = new Ext.menu.Menu({
		shadow: false,
		id: "Services",
		items: [
			{
				text: "Sea Freight",
				href: "SeaFreight.htm"
			},
			{
				text: "Air Freight",
				href: "AirFreight.htm"
			},
			{
				text: "Land Freight",
				href: "LandFreight.htm"
			},
			{
				text: "Multi Model Shipping",
				href: "MultiModelShipping.htm"
			},
			{
				text: "Custom Clearance",
				href: "CustomClearance.htm"
			},
			{
				text: "Warehousing & Distribution",
				href: "WarehousingDistribution.htm"
			},
			{
				text: "Packing, Removal & Crating",
				href: "PackingRemovalCrating.htm"
			},
			{
				text: "Free Zone Facilities",
				href: "FreeZoneFacilities.htm"
			},
			{
				text: "Fairs and Exhibitions",
				href: "FairsAndExhibitions.htm"
			}
		],
		width:230
	});
	var ServicesBtn = Ext.get("Services");
	ServicesBtn.on("mouseover", function(){
		if(ServicesMenu.isVisible())
			return;
		with(ServicesMenu)
		{
			show(ServicesBtn);
			getEl().alignTo(ServicesBtn, "bl", [-40, 2]);
			getEl().slideIn();
		}
	});
	var WebBusinessMenu = new Ext.menu.Menu({
		shadow: false,
		id: "Web",
		items: [
			{
				text: "Container Tracking",
				href: "ContainerTracking.htm"
			},
			{
				text: "AWB/BL Track",
				href: "AwbBTrack.htm"
			},
			{
				text: "Quotation Request",
				href: "QuotationRequest.htm"
			},
			{
				text: "Job Opportunities",
				href: "JobOpportunities.htm"
			}
		
		],
		width:235
	});
	var WebBusinessBtn = Ext.get("Web");
	WebBusinessBtn.on("mouseover", function(){
		if(WebBusinessMenu.isVisible())
			return;
		with(WebBusinessMenu)
		{
			show(WebBusinessBtn);
			getEl().alignTo(WebBusinessBtn, "bl", [-40, 2]);
			getEl().slideIn();
		}
	});
	var PressRoomMenu = new Ext.menu.Menu({
		shadow: false,
		id: "Press",
		items: [
			{
				text: "Latest News",
				href: "LatestNews.htm"
			},
			{
				text: "News Letter of the Month",
				href: "NewsLetterOfTheMonth.htm"
			},
			{
				text: "Archived Magazine",
				href: "ArchivedMagazine.htm"
			}
		],
		width:210
	});
	var PressRoomBtn = Ext.get("Press");
	PressRoomBtn.on("mouseover", function(){
		if(PressRoomMenu.isVisible())
			return;
		with(PressRoomMenu)
		{
			show(PressRoomBtn);
			getEl().alignTo(PressRoomBtn, "bl", [-40, 2]);
			getEl().slideIn()
		}
	});
	var ContactMenu = new Ext.menu.Menu({
		shadow: false,
		id: "Contact",
		items: [
			{
				text: "Lebanon",
				href: "Lebanon.htm"
			},
			{
				text: "Egypt",
				href: "Egypt.htm"
			},
			{
				text: "UAE",
				href: "UAE.htm"
			},
			{
				text: "Afghanistan",
				href: "Afghanistan.htm"
			},
			{
				text: "Pakistan",
				href: "Pakistan.htm"
			},
			{
				text: "Sudan",
				href: "Sudan.htm"
			}
		],
		width:217
	});
	var ContactBtn = Ext.get("Contact");
	ContactBtn.on("mouseover", function(){
		if(ContactMenu.isVisible())
			return;
		with(ContactMenu)
		{
			show(ContactBtn);
			getEl().alignTo(ContactBtn, "bl", [-40, 2]);
			getEl().slideIn()
		}
	});
});