var numImg = 3;
var actual = 1;
var temporizador;

$(document).ready(function () {

    $('.flechasCarrousel').mousedown(function () {
        $(this).css('background-position', '1px 1px');
    });
    $('.flechasCarrousel').mouseup(function () {
        $(this).css('background-position', '0px 0px');
    });

    temporizador = setInterval('cambiarImagen(false)', 10000);

    $('#carrousel-izq').click(function () {
        clearInterval(temporizador);
        cambiarImagen('i');
        temporizador = setInterval('cambiarImagen(false)', 10000);
    });
    $('#carrousel-der').click(function () {
        clearInterval(temporizador);
        cambiarImagen('d');
        temporizador = setInterval('cambiarImagen(false)', 10000);
    });

    var altura = $('#categorias').height();
    if (altura < 360) {
        var banner = '<div class="sup-categorias" style="margin-top:10px;"></div>';
        banner += '<div class="cen-categorias">';
        banner += '<a href="http://www.plantasvillor.com" target="_blank" title="Visitar Blog"><img src="design/banner1.jpg" alt="www.plantasvillor.com" /></a>';
        banner += '</div><div class="inf-categorias"></div>';
        $('#banner').html(banner);
    }

});

function cambiarImagen(manual) {
    var imagenPoner;
    var imagenQuitar;
    if (!manual) {
        if (actual == numImg) {
            imagenPoner = 1;
            imagenQuitar = numImg;
            actual = 1;
        } else {
            imagenQuitar = actual;
            imagenPoner = ++actual;
        }
    } else {
        if (manual == 'i') {
            if (actual == 1) {
                imagenPoner = numImg;
                imagenQuitar = 1;
                actual = numImg;
            } else {
                imagenQuitar = actual;
                imagenPoner = --actual;
            }
        } else {
            if (actual == numImg) {
                imagenPoner = 1;
                imagenQuitar = numImg;
                actual = 1;
            } else {
                imagenQuitar = actual;
                imagenPoner = ++actual;
            }
        }
    }
    $('#panelImg' + imagenQuitar).fadeOut(500);
    $('#panelImg' + imagenPoner).fadeIn(500);
}