$.arr_menu = [];

$.Menu = function (el) {

	var me = this;
	var $element = this.$element = $(el);
	var $seletor = $("#topo-menu li");

	this.ativar = function($obj) {
		//console.log("ativar()");
		$obj.stop().animate(
		{
			marginLeft:'1px',
			marginRight:'1px',
			paddingRight:'25px'
		},
		{duration:300, queue:false}).find('.aba').stop().animate(
		{
			top:'-10px'
		},
		{duration:300, queue:false}).end().find('.barra').stop().animate(
		{
			height:'7px',
			bottom:'-8px'
		},
		{duration:300, queue:false});
	};

	this.desativar = function($obj) {
		//alert('desativar1');
		$obj.stop().animate(
		{
			marginLeft:0,
			marginRight:0,
			paddingRight:'10px'
		},
		{duration:300, queue:false}).find('.aba').stop().animate(
		{
			top:0
		},
		{duration:300, queue:false}).end().find('.barra').stop().animate(
		{
			height:0,
			bottom:0
		},
		{duration:300, queue:false});
	};

	this.over = function() {
		//if ($seletor.filter('.ativo').length > 0) {
			//$seletor.filter('.ativo').addClass('paginaAtual');
			me.ativar($element);
			me.desativar($seletor.filter('.ativo'));
			$seletor.removeClass('ativo');
		//} else {
			//me.ativar($element);
		//}
	};

	this.out = function() {
		me.desativar($element);
	};

	//Ativar o botao referente à página atual
	this.outContainer = function() {
		$seletor.parent().bind('mouseleave', function() {
			//timeout para evitar que dê um problema que foi detectado

			me.ativar($('.paginaAtual'));
			$('.paginaAtual').addClass('ativo');

		});
	};

	this.bindover = function(e){
		$element.bind("mouseenter", this.over);
	};

	this.bindout = function(e){
		$element.bind("mouseleave", this.out);
	};

	this.unbindover = function(){
		$element.find('a').unbind("mouseover");
	};

	this.bindover();
	this.bindout();
	this.outContainer();
};

(function($){
	$(function (){

		var $element = $("#topo-menu li");

		$element.each(function (idx, el) {
			$.arr_menu.push(new $.Menu(el));
		});

	});
})(jQuery);