function carrusel(contenedor, botonAnterior, botonSiguiente, ancho, tiempoTransicion){
	var margen = $(contenedor).css('margin-left');
	var imagenes =$(contenedor + ' li');
	var actual = 0;
	var total = imagenes.length - 1;
	var slide = document.getElementById('slide');
	if(slide != null) var thumbs = $('#slide li');

	$(botonSiguiente).click(function(e) {
                e.preventDefault();
		actual++;
                if(actual > total){
                    actual = 0;
                    $(contenedor).animate({"marginLeft": "0px"},tiempoTransicion);
                } else
                    $(contenedor).animate({"marginLeft": "-="+ancho+"px"},tiempoTransicion);

		if(slide != null){
			thumbs.removeClass('selected');
			$(thumbs[actual]).addClass('selected');
			}
		});


	$(botonAnterior).click(function(e) {
                e.preventDefault();
		actual--;
                if(actual < 0){
                    actual = total;
                    $(contenedor).animate({"marginLeft": (-ancho*total)+"px"},tiempoTransicion);
                } else
                    $(contenedor).animate({"marginLeft": "+="+ancho+"px"},tiempoTransicion);

		if(slide != null){
			thumbs.removeClass('selected');
			$(thumbs[actual]).addClass('selected');
			}
		});
	}


$(document).ready(function(){
    carrusel('ul.imagenes', 'li.izquierda', 'li.derecha', '633', 800);

    $('a.btnGal').click(function(){
        $('#modal').show();
        $('#galeria').show();
    });
    $('a.btnContacto').click(function(){
        $('#modal').show();
        $('#contacto').show();
    });
    $('a.btnMapa').click(function(){
        $('#modal').show();
        $('#mapa').show();
    });

    $('#galeria ul li img').click(function(){
        var src = $(this).attr('src');
        $('#galeria > img').attr('src', src);
        $('#galeria ul li').removeClass('selected');
        $(this).parent('li').addClass('selected');
    });

    $('a.cerrar').click(function(){
        $('#modal').hide();
        $('#galeria').hide();
        $('#contacto').hide();
        $('#mapa').hide();
    });

    $('img.flechaDerecha').click(function(){
        var margen = parseInt($('#galeria div ul').css('marginLeft'));
        margen = margen - 50;
        $('#galeria div ul').animate({
            marginLeft: margen
        }, 'normal');
    });
    $('img.flechaIzquierda').click(function(){
        var margen = parseInt($('#galeria div ul').css('marginLeft'));
        margen = margen + 50;
        $('#galeria div ul').animate({
            marginLeft: margen
        }, 'normal');
    });
});