// JavaScript Document
$(document).ready(function(){
	$('#nav li').remove();
	$('#recientes')
		.css("display","none")
		.cycle({ 
		    fx:     'fade', 
		    timeout: 3000, 
			//next:   '#recientes', 
		    pause:   1 ,
			before:   onBefore,
			after: onAfter,
			pager: '#nav',
			pagerAnchorBuilder: function(idx, slide) { 
		        //return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
				var id = $.metadata.get(slide).ID;
				var nombre=$.metadata.get(slide).nom;
				if(!$('#recent'+id).length){
					var src = $(slide).children('a').children('img').attr("src");
					//var src = $(slide).children('script').html();
					//alert(src);
					var classe='';
					if(idx==0){classe=' class="activeSlide"';}
					return '<li'+classe+' id="recent'+id+'"><span>'+nombre+'</span><a href="#"><img src="' + src + '" width="218" height="60"/></a></li>';
				}
		    }
		});
	function onBefore() { 
		$.metadata.setType("elem", "script");
		var id = $.metadata.get(this).ID;
	    //$('#nav').html("Scroll complete for:<br>" + id);
		$('#nav li').each(function(){$(this).removeClass("activeSlide");});
		$('#recent'+id).addClass("activeSlide");
	}
	function onAfter(){
		$('#recientes').css("display", "block");
	}

	$('#nav li').hover(
			function(){
				$(this).addClass("hover");
			}, 
			function(){
				$(this).removeClass("hover");
			}
	);
});