// JavaScript Document
(function($){
	$.fn.banner = function(opciones_user){
		var opc = $.extend( $.fn.banner.opciones, opciones_user );
		var cimg = opc.cimg;
		return this.each( function(){
			var obj = this;
			if(opc.menu)menu(obj);
			autofade(obj);
			interval = setInterval(function(){
				autofade(obj);						
			},opc.tiempo);
			if(opc.pauseOnMouseOver){
				$(this).hover(function(){
					clearInterval(interval);
					$(obj).append("<div class='ban_msj'>Retire el mouse de la imagen para continuar con la animación</div>");
				},function(){
					$(".ban_msj").remove();
					interval = setInterval(function(){
						autofade(obj);				
					},opc.tiempo);
				});
			}
		});
		function autofade(obj){
			if(typeof($(obj).find(cimg+":visible").next().attr("img")) != "undefined"){
				img = $(obj).find(cimg+":visible").fadeOut(opc.fadeSpeed).next().fadeIn(opc.fadeSpeed).attr("img");
				if(opc.menu)$("#ban_menu li a.selected").removeClass("selected");
				if(opc.menu)$("#ban_menu li a[img="+img+"]").addClass("selected");
			}else{
				$(obj).find(cimg+":visible").fadeOut(opc.fadeSpeed);
				$(obj).find(cimg+":first").fadeIn(opc.fadeSpeed);
				if(opc.menu)$("#ban_menu li a:first").addClass("selected");
			}
			if(opc.menu){
				if($("#ban_menu li a.selected").length <= 0){
					$(obj).find(cimg+":first").fadeIn(opc.fadeSpeed);
					$("#ban_menu li a:first").addClass("selected");
				}
			}
			//if($(obj).find(cimg+":visible").length <= 0);
		}
		function menu(obj){
			objs  = $(obj).find(cimg); var i = 0, links="";
			objs.each(function(){
				i++;
				links += "<li><a href=\"#\" onclick='return false' img='"+$(this).attr("img")+"'>"+i+"</a></li>";	
			});
			//links = "<ul>"+links+"</ul>";
			$(obj).append("<div id='ban_menu'>"+links+"</div>");
			$("#ban_menu li").click(function(){
				$(obj).find(cimg+":visible").fadeOut(opc.fadeSpeed);
				$(obj).find(cimg+"[img="+$(this).find("a").attr("img")+"]").fadeIn(opc.fadeSpeed);
				$(this).parent().find("a").removeClass("selected");
				$(this).find("a").addClass("selected");
			});
		}
	}
	$.fn.banner.opciones = {
		tiempo:4000,
		cimg:"img",
		menu:true,
		fadeSpeed:"normal",
		pauseOnMouseOver:true
	};
})(jQuery);