// JavaScript Document
var numI = 1;
var currentGaleria = 0;
var ide = "menu1";

$(document).ready(function () {

    $('.banner_selector ul li:first').addClass('banner_active');
    $('.banner_contenedor ul li:first').css('display', 'list-item');
    ImagenesCambio($(".banner_contenedor .item[title='" + ide + "'] .navegador img"), 0)
	;$('.banner_contenedor ul li').find(".item[title!='" + ide + "']").parent().animate({top: 300, opacity: 0}, 0);

    currentGaleria = $(".banner_contenedor .item[title='menu1'] .galeriaImagen img").length;

    $(".banner_selector ul li").click(function () {

        ide = $(this).find('img').attr("alt");

        numI = 1;
		
		OcultarNavegador($(".navegador img[alt='next']"));
        ImagenesCambio($(".banner_contenedor .item[title='" + ide + "'] .navegador img"), 0);



        $('.banner_selector ul li').removeClass('banner_active');
        $(this).addClass('banner_active');
		
        $('.banner_contenedor ul li').find(".item[title!='" + ide + "']").parent().animate({top: 300, opacity: 0});
		
		$('.banner_contenedor ul li').find(".item[title='" + ide + "']").parent().animate({top: 0, opacity: 1});
		
		
        currentGaleria = $(".banner_contenedor .item[title='" + ide + "'] .galeriaImagen img").length;
		
    });

    $(".navegador img[alt='next']").click(function () {
        if (numI == currentGaleria) {
            numI = currentGaleria;
        } else {
            numI++;

            ImagenesCambio($(this), 500);
            OcultarNavegador($(this), 500);
        }
    });
    $(".navegador img[alt='prev']").click(function () {
        if (numI == 1) {
            numI = 1;
        } else {
            numI--;

            ImagenesCambio($(this), 500);
            OcultarNavegador($(this), 500);
        }
    });

    OcultarNavegador()

    function OcultarNavegador() {
        if (numI == currentGaleria) {
            $(".navegador img[alt='next']").hide();
        } else {
            $(".navegador img[alt='next']").show();
        }
        if (numI == 1) {
            $(".navegador img[alt='prev']").hide();
        } else {
            $(".navegador img[alt='prev']").show();
        }
    };

    function ImagenesCambio(objeto, velocidad) {
        objeto.parent().parent().find(".galeriaImagen img[alt!='img" + numI + "']").stop().animate({
            opacity: 0
        }, velocidad);
        objeto.parent().parent().find(".galeriaImagen img[alt='img" + numI + "']").stop().animate({
            opacity: 1
        }, velocidad);
    }


});