function SlideShow(visor_id, total, imgsSlide)
//alert(imgsSlide.img[0].src);
{
  /* start_timer */
  this.start_timer = function()
  {
  	clearInterval(this.interval);
    this.interval = setInterval(this.next_image, 5000);
  }
  
  /* stop_timer */
  this.stop_timer = function()
  {
    clearInterval(this.interval);
  }
  
  /* change_image */
  this.change_image = function(selected_image, over)
  {
  	clearInterval(this.interval);
  	this.interval = null;
  	/* actualiza la posicion */
  	$(".slideBt-"+selected_image).addClass('principal-activo');
   	
   
    this.stop_timer();
    
    var current_image = slide.imgsSlide.img[selected_image].src;
    var enlace =  $(".slideBt-"+selected_image+" h2 a").attr('href');
    var info = $(".slideBt-"+selected_image+" h2 a").html();
    
    $(".principal-seleccionada img").attr('alt', info);
    $(".principal-seleccionada a").attr('title', info);
    $(".principal-seleccionada h2 a").html(info).attr('href', enlace);
    
    $(".principal-img").css('background', 'url('+current_image+')');
    
    $(".principal-img img").css('opacity','1').animate({ opacity: 0 }, 500, function() {
    	$(this).attr('src', current_image);
    	$(".principal-img").attr('href', enlace);
    	if(!over)slide.start_timer();
  	});
  }
  
  /* next_image */
  this.next_image = function(obj)
  {
    //alert(slide.imgsSlide.img[slide.current_image].src);
    $(".slideBt-"+slide.current_image).removeClass('principal-activo');
    slide.current_image++;
    
    if (slide.current_image >= slide.total) {
      slide.current_image = 0;
    }
   	
    var img = slide.imgsSlide.img[slide.current_image].src;
    //$('.principal-img img').load(img, function() {
  		slide.change_image(slide.current_image);
		//});
  }
  
  this.current_image = 0;
  this.visor = "#" + visor_id;
  this.total = total;
  this.imgsSlide = imgsSlide;
  this.start_timer();
  var slide = this;
  
  
  $(".principal-lista li h2 a").mouseover(function(e) {
  	$(".slideBt-"+slide.current_image).removeClass('principal-activo');
    slide.current_image = $(this).attr('rel');
   
    var img = slide.imgsSlide.img[slide.current_image].src;
    
    //$('.principal-img img').load(img, function() {
  		slide.change_image(slide.current_image, 1);
		//});
    
  }).mouseout(function(e){ slide.start_timer(); });
  	
  $(".principal-seleccionada").mouseover(function(e) {
  	slide.stop_timer();
  }).mouseout(function(e){ slide.start_timer(); });
}