$(document).ready(function() {
		
					
			//CICLO
			$('.portadas-lst').cycle({
				timeout: 6000,
				speed: 'slow',
				before: onBeforeMain,
				after: onAfterMain,
				pager: '#portada-nav',
				
				// callback fn that creates a thumbnail to use as pager anchor 
    			pagerAnchorBuilder: function(idx, slide) { 
    				var img = $('img',slide).attr('src');// callback fn that creates a thumbnail to use as pager anchor 
    				var h1 = $('h1 a',slide).html();//  
    		
    				
    				var selected = idx==0 ? ' selected': '';
    						
    				var html = '';
    				html += '<li class="n-'+(idx+1)+selected+'">';
    				html += '<a href="#"><img src="'+ img +'" alt="Portada" width="60" height="40"/></a>';
    				html += '<a href="#" class="nav-titulo">'+h1+'</a>';
    				html += '</li>';
    				return html;
        			return '<li><a href="#"><img src="' + slide.src + '" width="49" height="49" /></a></li>'; 
    			} 
			});
			
	//mostrar video plater

});



function onBeforeMain() {
	$('#portada-nav li.selected').removeClass('selected');

    
    var classid = $(this).attr('class');
    $('#portada-nav li.'+classid).addClass('selected');
    
    $('.portada-info',this).hide();
}

function onAfterMain() {
    //$('#output').html("Current anchor: " + this.href);
    //alert($('.portada-info',this).html());
    $('.portada-info',this).slideDown('slow');
}