var tiempo;
var loop = 0;

$(document).ready(function() {   
	$("#marquee ul > li").css({ "position": "absolute" }).hide();
	$("#marquee ul > li:first").addClass("actual").show();
	banner();
    $(".contDestaque").css( { "position":"relative" } );
    $(".contDestaque div.info").css( { "padding": "10px", "position": "absolute", "font-size": "1.2em",
        "background-color": "black", "color": "white", "width": "100%", "bottom": "-100%", "left": "0"
    });
    $(".contDestaque").bind("mouseenter", function() {
        $(this).find("div.info").animate({ bottom: 0, opacity: 0.8 }, 800);
    }).bind("mouseleave", function() {
        $(this).find("div.info").animate( { bottom: "-100%", opacity: 1 }, 800);
    });
});

function banner() { 
	var padre = $("#marquee");
	var actual = padre.find("ul > li.actual");
	var cant_hermanos = padre.find("ul > li").length;
	if (cant_hermanos>1) {
		var hay_siguiente = actual.next();
		var siguiente = actual.next().length ? actual.next() : padre.find("ul > li:first");
		actual.removeClass("actual").fadeOut("slow", function() {
			siguiente.addClass("actual").stop().fadeIn("slow");
			/*if (loop%2==0) {
				siguiente.addClass("actual").stop().css({"text-align":"center", "display":"block"})
				.show()
				.animate( { top: "35px", width: "100%", opacity: 0.8, fontSize: "2em" }, "slow");
			} else {
				siguiente.addClass("actual").stop().css({"text-align":"center", "bottom": 0, right: 0, "display":"block"})
				.show()
				.animate( { top: "35px", width: "100%", opacity: 0.8, fontSize: "2em" }, "slow");
			}
			loop++;*/
			clearTimeout(tiempo);
			tiempo = setTimeout(function() {
				banner();
			}, 6000);
		});
	}	
}