$(document).ready(function(){
	Shadowbox.init();
	
	$('#nav_left').bind('click', function() {
		scroll_left(115,11);
	});
	$('#nav_right').bind('click', function() {
		scroll_right(5,115,11);
	});
	
	
	$('#slideshow-nav span').each(function(){
		$(this).bind('click', function(){
			clearInterval(miIntervalo);
			slideSwitchTo($(this).attr('class'));
			miIntervalo = setInterval( "slideSwitch()", 6000 );
		});
	});
	
});

function scroll_right(n_imagenes,ancho,gap){
	$('#nav_right').unbind();
	total = $('#galeria-imagenes a').length;
	maxima = (((total-n_imagenes)*ancho) + ((total-n_imagenes)*gap))*(-1);
	
	if(parseInt($("#galeria-imagenes").css("left")) > parseInt(maxima)){	
		$("#galeria-imagenes").animate({"left": "-="+(ancho+gap)+"px"}, "slow");
	} 
	
	$('#nav_right').bind('click', function() {
		scroll_right(n_imagenes,ancho,gap);
	});
	
}

function scroll_left(ancho,gap){
	
	$('#nav_left').unbind();
	
	if(parseInt($("#galeria-imagenes").css("left"))< 0){
		$("#galeria-imagenes").animate({"left": "+="+(ancho+gap)+"px"}, "slow");
	} 
	
	$('#nav_left').bind('click', function() {
		scroll_left(ancho,gap);
	});
}

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');

    $active.addClass('last-active');
	
	/* Modificacion para la navegacion */
	$('.'+$active.attr('id')).removeClass('mas');
	$('.'+$next.attr('id')).addClass('mas');

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

function slideSwitchTo(id){
	var $active = $('#slideshow IMG.active');
	var $next = $('#'+id);
	 
	$active.addClass('last-active');
	
	/* Modificacion para la navegacion */
	$('.'+$active.attr('id')).removeClass('mas');
	$('.'+$next.attr('id')).addClass('mas');

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

$(function() {
    miIntervalo = setInterval( "slideSwitch()", 6000 );
});