$(function(){
	
	$('#paginador').html('');

	$.fn.cycle.transitions.igd = function($cont, $slides, opts) { 
		opts.pager = '#paginador';
		opts.pagerAnchorBuilder = function(idx, slide) { 
			myClass = (idx===0)?' class="current"':'';
			return '<li'+myClass+'><a href="#">'+$(slide.children).filter(".menuContent").html()+'</a></li>';
		}
		
		$('.menuContent').css("display","none");
		//Para la trancision:
/*		opts.cssFirst  = { display:'none' };*/
		opts.animIn   = { top:0 };
		opts.animOut   = { top:0 };
/*		opts.cssBefore  = { display: 'block' };*/
		opts.cssAfter  = { display: 'none' };
		
		opts.before.push(function(curr, next, opts) {
	
			jQuery(this).show();
			
			if(next != curr){

				//$('h1',next).css("left", "-400px");
				//$('h2',next).css("left", "-400px");
				//$('p',next).css("left", "-400px");
				//$('.icon',next).css({"top": "-100px", "opacity": "0"});
				//$('.bannerImage',next).css("left", "0");
				
				//Al que entra
				$(next).animate({opacity:1}, 500, function(){
				$('.icon',next).animate({opacity:1},{queue:false, duration:600}).animate({top:140}, 1000, "easeOutBounce");
					
				setTimeout(function(){
					$('h1',next).animate({left:200},1000, "easeOutBounce");	
					
					setTimeout(function(){	
						$('h2',next).animate({left:200},1000, "easeOutBounce");	
						
						setTimeout(function(){	
							$('p',next).animate({left:200},1000, "easeOutBounce");		
						}, 500);
							
					}, 300);
					
					
				}, 300);	
				
				
				
				
					//$('h1',next).animate({left:300},3000, "easeOutBounce");	
				});
				
				
				//Al que sale
				$(curr).animate({opacity:0}, 500);

			}else
			{
				//Lo que se muestra al cargar el componente
			}
		});
		
	};

});