var banner = {
	contenido: ".Sectionbanner .Contentbanner .Contentitem",
	menu: ".Sectionbanner .Menubanner .Item",
	
	actualindex: 0,
	margintopmenu: -50,
	menutiempo: 500,
	
	
	inicializar: function(){
		
		$.each($(banner.contenido), function(i, v){
			if (i == banner.actualindex)
				$(v).show();
			else
				$(v).hide();
		});
		
		$(banner.menu).click(function(){
			var index = $(banner.menu).index(this);
			clearInterval(interval);
			if (banner.actualindex != index){
				if ($(banner.menu +':animated')){
					banner.actualizar(index);
				}
			}
		});
		
		var interval = setInterval(function(){
			banner.actualindex++;
			if (banner.actualindex > $(banner.menu).length - 1)
			banner.actualindex = 0;
			banner.actualizar(banner.actualindex);
			}, 5000);
	
	},
	
	actualizar: function(index){
		banner.actualindex = index;
		$.each($(banner.menu), function(i, v){
			if (i == banner.actualindex){
				
				var imgheightdefault = $(banner.menu).eq(i).find('img').height();
				$(banner.menu).eq(i).addClass('active')
				.css({
					'top': 0
				})
				.stop().animate({
					'top': banner.margintopmenu
				}, banner.menutiempo)
				.find('img').css({
					'opacity': 0,
					'height': 0
				})
				.animate({
					'opacity': 1,
					'height': imgheightdefault
				}, banner.menutiempo);
				
				$(banner.contenido).eq(i).fadeIn(600);
				
			} else {
				
				$(banner.menu).eq(i).stop().css({
					'top': 0
				}).removeClass('active');
				
				$(banner.contenido).eq(i).fadeOut(300);
				
			}
		});
	}
	
};

var textbanner = {
	contenido : '.Textbanner',
	items : 'p',
	indexActual: 0,
	tiempoTextos: 4000, // Intervalo entre frases
	inicializar : function(){
		$(textbanner.contenido).find(textbanner.items).hide();
		$(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).show();
		setInterval(function(){
			textbanner.actualizar()
		}, textbanner.tiempoTextos);
	},
	actualizar: function(){
		var prevwidth = $(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).width();
		$(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).fadeOut(300, function(){
			textbanner.indexActual++;
			if (textbanner.indexActual > $(textbanner.contenido).find(textbanner.items).length - 1)
				textbanner.indexActual = 0;
			$(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).fadeIn(900);
			
			var newwidth = $(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).width();
			$(textbanner.contenido).find(textbanner.items).eq(textbanner.indexActual).css({
				'width': prevwidth
			}).animate({
				'width': newwidth
			}, 500);
		});
	}
};

$(document).ready(function(){
	banner.inicializar();
	
	textbanner.inicializar();
});
