var KIOS = {};


KIOS.menuInitProduct = function (obj){

	$(obj).getChildren().each(function(listItem) {

		var origWidth = listItem.getStyle('width');
		if (!listItem.hasClass('active')) {

			listItem.getLast().setStyle('width', 0);
			var fx = new Fx.Styles(listItem.getLast(), {duration: 300, transition: Fx.Transitions.Expo.easeInOut, wait: false});
			listItem.addEvent("mouseenter", function (event){
				event = new Event(event);
				fx.start({width: origWidth});
				event.stop();
			});
			listItem.addEvent("mouseleave", function (event){
				event = new Event(event);
				fx.start({width : 0});
				event.stop();
			});
		} else {
			listItem.getLast().setStyle('width', origWidth);
		}
	});
}

/*
KIOS.menuInitProduct = function (obj){
	//alert(obj);
	var menu = $(obj).getFirst().getChildren();
	menu.setStyle("width",2);
	var fx = new Fx.Styles(menu, {duration: 300, transition: Fx.Transitions.Expo.easeInOut, wait: false});
	menu.addEvent("mouseenter", function (event){
		event = new Event(event);
		fx.start({width : 70});
		event.stop();
	});
	menu.addEvent("mouseleave", function (event){
		event = new Event(event);
		fx.start({width : 2});
		event.stop();
	});

}
*/
KIOS.menuInitMain = function (obj){
//	alert(obj);
	var menu = $(obj);
	menu.oldHeight = menu.getStyle("height");
	//alert(menu.oldHeight);
	menu.setStyle("height",50);
	var fx = new Fx.Styles(menu, {duration: 300, transition: Fx.Transitions.Expo.easeInOut, wait: false});
	menu.addEvent("mouseenter", function (event){
		event = new Event(event);
		fx.start({height : menu.oldHeight});
		event.stop();
	});
	menu.addEvent("mouseleave", function (event){
		event = new Event(event);
		fx.start({height : 26});
		event.stop();
	});
}