var i = 0;


function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');


   
    if (i>5){ i=0; }

  setTimeout( function (){
                 $(".traslucidb").animate({opacity: 0.6}, "easeIn")
                 $(".banner").animate({height: 90}, 500)                
                 $("#text"+(i-1)).fadeIn("easeIn");
                  $("#prod"+(i-1)).animate({right: -50}, 500, "easeIn")
                
                 }, 5000);
  setTimeout( function (){
                 $(".traslucidb").animate({opacity: 0.0}, "easeOut")
                  $(".banner").animate({height: 0}, 500)
                  $(".textxcd").fadeOut("easeOut");
                  $(".prodxcd").animate({right: -600}, 500, "easeOut")
                    i++;
                 }, 000);

  $active.addClass('last-active');
  $next.css({opacity: 0.0, left:0})
   
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');      
        });
}

function moveImage() {
  
};

$(function() {  
    setInterval( "slideSwitch()", 10000 );   
});

      $(document).ready(function() {
      slideSwitch();
      });