// JavaScript Document

Ext.onReady(function(){

	var contentBd = Ext.get('contentBd');

	contentBd.load('pengenalan.html');

	var menus = Ext.get('menus');

	menus.on('click', function(e){

		if(t = e.getTarget('.menu')){

			e.stopEvent();

			if(url = t.attributes.url)
			{
				contentBd.load(url.value).frame();
				m = Ext.get('contentBd');

				m.setHeight(m.dom.childNodes.clientHeight);
				
				menus.select('.menu').removeClass('active');
				Ext.fly(t).addClass('active');
			};
		}

	});

	var cMenu = Ext.get('contentMenu');

	cMenu.on('click', function(e,t){

		if(t = e.getTarget('.menuHd'))
		{
			var menu = Ext.get(t);
			var content = menu.next();
			content.setVisibilityMode(Ext.Element.DISPLAY);

			if(content.isStyle('display','none'))
			{
				content.slideIn('t', {
					easing: 'easeOut',
					duration: .5
				});
			}
			else {
				content.slideOut('t', {
					easing: 'easeOut',
					duration: .5
				});
			}
		}

	});

})