var browsers = 'IE';
var config = {
	hovers: new Array(
		{
			parentId:'nav',
			tagName:'li',
			tagPosition:'all',
			className:'hover'
		}
	)
};

/* CODE AREA */

/* hovers */

var initHovers = function()
{
	for (var index in config.hovers){
		var conf = config.hovers[index];
		var topLevelElement = document.getElementById(conf.parentId);
		if (topLevelElement){
			var subElements = topLevelElement.getElementsByTagName(conf.tagName);
			for (var i = 0; i < subElements.length; i++){
				if (conf.tagPosition == 'all' || (conf.tagPosition == 'children' && subElements[i].parentNode.id == conf.parentId))
				{
					subElements[i].configIndex = index;
					subElements[i].onmouseover = function(){
						this.className += ' ' + config.hovers[this.configIndex].className;
					};
					subElements[i].onmouseout = function(){
						this.className = this.className.replace(config.hovers[this.configIndex].className,'');
					};
				}
			}
		}
	}
}

/* common */

var currentState = {};

var opera = window.opera;
var safari = navigator.appVersion.indexOf("Safari") != -1;
var ie = document.all && !window.opera;
var ff = navigator.userAgent.indexOf("Firefox") != -1;

var addCustomEvent = function(browsers,event,initMethod)
{
	if (opera && (browsers.match(/Opera/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (safari && (browsers.match(/Safari/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (ie && (browsers.match(/IE/) || browsers.match(/all/))) {
		window.attachEvent("on" + event, initMethod);
	} else if (ff && (browsers.match(/FF/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (!ie && !ff && !safari && !opera) {
		if (window.addEventListener){
			window.addEventListener(event, initMethod, false);
		}
		else if (window.attachEvent){
			window.attachEvent("on" + event, initMethod);
		}
	} 
}

addCustomEvent(browsers,'load',initHovers);

window.addEvent('domready', initPage);

function initPage(){
	initBayan();
	initMenu();
}

function initMenu(){
	var menu = $('nav');
	
	var items = menu.getChildren('li');
	
	items.each(function(item){
		if (item.tagName != 'LI') return;
		initSubMenu(item);
	}) ;
}

function initSubMenu(item){
	var ul = item.getChildren('ul');
	var ul1 = '';
	if (ul.length){
		ul1 = ul.pop();
		if (ul1.tagName != 'UL') return;
		var items = ul1.getChildren('li');
		
		//alert(items.length)
		var maxWidth = 0;
		items.each(function(item){
			if (item.tagName  != 'LI') return;
			width = item.getElement('a').getCoordinates()['width'];
			if (width > maxWidth) maxWidth = width;
			initSubMenu(item);
		});
		//alert(maxWidth);
		ul1.setStyle('width', maxWidth+'px');
		ul1.getParent().getElement('a').addClass('arrow');
		//ul1.setStyle('width','292px');
		//alert(1);
	}
}

function initBayan(){
	if($('accordion')){
	var elements = $('accordion').getElements('.element');
	var togglers = $('accordion').getElements('a.link-toggle');
	togglers.addEvent('click', function(e){  
		(new Event(e)).stop();
	
		var arrow = $('accordion').getElements('li.active');
		for(var i=0; i<arrow.length; i++)
			arrow[i].removeClass('active');
		this.getParent().getParent().addClass('active');
	})

	var menu = new Accordion(togglers,  elements, {
		display: menu_num
  });
	}
}